Tag: angular cli

基础6在Angular2中的粘性元素

这个问题构建了我之前的一个问题: ngOnDestroy和$(’#element’)。foundation(’destroy’); 我基本上试图在我的Angular2应用程序中使Foundations Sticky工作。 除了我无法破坏Foundation元素的问题,使用ngOnDestroy() ,我总是在使用Sticky元素。 我有的是这个: 组件模板 Elm1 Eml2 Eml3 Eml4 可能很重要的是说wrapperDiv是直接加载的,并且在它的父ngIf中没有ngIf条件。 在我的组件中,我在ngAfterViewInit使用它: 零件 ngAfterViewInit(): void { $(‘#myStickyElement’).foundation(); } 当我在这个特定视图上重新加载整页时 ,一切都超级有效! 如果我导航到此视图,则它不起作用。 似乎与整页重新加载有关 在某些方面,我正在创建像这样的Sticky元素: let myStickyElement = new Foundation.Sticky($(‘#myStickyElement’)); 这对行为没有任何影响,但我可以打印出对象myStickyElement 。 在整页重新加载时,对象如下所示: 在这里,如果我导航到页面: 如您所见, myStickyElement的对象看起来有所不同。 缺了点什么。 有没有人遇到过这个问题? 为什么整页重新加载如此不同?

将jQuery脚本与Angular 6 CLI项目一起使用

我正在使用角度6开发应用程序。我的应用程序使用Minton主题 。 我在我的angular项目的index.html文件中包含了所有主题脚本。 但是当我登录或在路由之间导航时,一些jquery方法无法正常工作。 我不得不手动刷新页面以使它们工作。 有没有解决这个问题? 我找不到任何有效的解决方案了。 项目组件结构 app -components –footer –left-side-bar –header –pages —dashboard —-home —-accounts —login index.html文件 Logical Position var resizefunc = []; app.routing.module.ts文件 import { NgModule } from ‘@angular/core’; import { RouterModule, Routes } from ‘@angular/router’; import { DashboardComponent } from ‘./components/pages/dashboard/dashboard.component’; import { LoginComponent } from ‘./components/pages/login/login.component’; import { UnAuthGuardService } […]

如何在angular cli 1.0.0-rc.0中正确包含jQuery?

我在AngularJS项目中使用基于jQuery的select2组件。 我和这里的人有类似的问题: https : //github.com/fronteed/icheck/issues/322 ,并使用那里的建议解决了它。 为了准确,我收到错误TypeError: $(…).select2 is not a function当不使用该建议时, TypeError: $(…).select2 is not a function 。 即我在@angular/cli/models/webpack-configs/common.js添加了下一行到@angular/cli/models/webpack-configs/common.js 。 plugins: [ new webpack.ProvidePlugin({ $: “jquery”, jQuery: “jquery” }) ] 它是在angular / cli中启用jQuery的最佳方法吗? 我不认为在https://github.com/angular/angular-cli/wiki/stories-global-lib中做同样的事情是正确的,因为 a)webpack捆绑jQuery而无需在脚本中指定它 b)它仍然抛出TypeError: $(…).select2 is not a function如故事中所述,当你包含它时, TypeError: $(…).select2 is not a function错误。