Tag: angular

如何在Angular 2中使用jQuery UI: 因为我想在我的应用程序中加入拖放function，所以我决定将jQuery UI导入我的Angular 2项目。首先，我开始通过执行以下操作导入jQuery本身： import { ElementRef } from ‘@angular/core’; declare var jQuery:any; ngOnInit() { jQuery(this._elRef.nativeElement).find(‘ul.tabs’).tabs(); } 这非常适合初始化东西。但是，当我尝试.draggable()函数时，我收到以下错误： jQuery(…).draggable is not a function 我怎样才能做到这一点？我阅读了很多方法但是所有这些方法都使用了系统-js，在当前版本的Angular-cli中我没有使用它。我知道在Angular 2应用程序中使用jQuery并不是最好的方法，但我只需要一个用户可以删除可拖动小部件的网格。如果您有任何建议，那将是完美的！谢谢！

Angular 2在渲染元素后调用jQuery – 在使用API之后: 我的Angular2应用程序使用RESTful API，然后根据结果创建一堆元素。我试图在这些元素上调用jQuery函数，但看起来jQuery函数执行得太迟了。我尝试将函数放在ngAfterContentInit但这不起作用。把它放在ngAfterViewChecked冻结了我的浏览器。页面渲染后，如果我将jQuery函数粘贴到控制台中，一切正常，所以我知道我的函数和一切都是有用的。他们的订单可能搞砸了或其他什么。在我的组件中： ngOnInit() { this.myService.getAll().subscribe( data => this._data = data, error => this._error = “invalid.”); } ngAfterViewInit() { $(“select”).select2(); // <— jQuery function I need to execute after rendering } 在我的模板中： …blah blah

如何导航/焦点到Angular2中的下一个项目？: 我想使用箭头键聚焦到下一个项目。在keydown事件处理程序中，我使用event.currentTarget.nextSibling来访问下一个项目。还有另一种方法来实现这一目标吗？在事件处理程序中，我想使用JQuery来执行此操作。这该怎么做？ {{work.cd}} {{work.name}} export class WorkComponent { … handleKeyEvent(event: Event): void { event.currentTarget.nextSibling.focus(); event.preventDefault(); } }

如何将jQuery导入Angular2 TypeScript项目？: 我想在Angular2指令中包含一些jQuery代码。我使用以下命令将Typings的jQuery库安装到我的项目中： typings install dt~jquery –save –global 所以现在我的项目目录中的typings/global文件夹下有jquery文件夹。另外，我的typings.json文件中添加了以下新行： { “globalDependencies”: { “core-js”: “registry:dt/core-js#0.0.0+20160602141332”, “jasmine”: “registry:dt/jasmine#2.2.0+20160621224255”, “node”: “registry:dt/node#6.0.0+20160807145350”, “jquery”: “registry:dt/jquery#1.10.0+20160908203239” } } 我开始编写一个新的Angular2指令（我导入到app-module文件中），但我不知道如何正确导入jQuery库。这是我的源文件： import {Directive} from ‘@angular/core’; @Directive({ selector: “my-first-directive” }) export class MyFirstDirective { constructor() { $(document).ready(function () { alert(“Hello World”); }); } } 但我不能使用也不是$ jQuery 。你下一步怎么做？

如何在每个组件完成加载后在Angular 2中运行jquery函数: 我已经尝试了所有生命周期钩子但无法完成所需的结果。我需要的结果是在加载这些元素（组件）中的每一个之后触发一个函数，该函数初始化用于单个页面上的不同元素的许多jquery插件。所以我们说你有这种结构。主页滑块小部件产品旋转器..等等这些元素中的每一个都有自己的组件，并且都是主页父组件的子组件。我需要的是知道所有子组件和父组件何时被加载，所以我触发一个jquery函数来初始化页面上的每个插件。