如何在角度2中使用jquery?

我知道如果我需要在角度1.3或1.4中使用第三方库。我需要制作该东西的指令并在我们的项目中使用它。现在我使用角度2.0 。我想以angular 2 https:/ /jqueryui.com/autocomplete/或这个https://jsfiddle.net/2rgrmv4q/

我可以在angular2使用jquery angular2

1.如何在角度中使用第三方库。

2.如何在角度2中自动完成jquery。

这是我的代码http://plnkr.co/edit/BxMcNXLjVOJBAIiBGL5Y?p=preview

//代码在这里

 import {Component,View} from 'angular2/core'; @Component({ selector:'my-app' templateUrl: 'home/home.html', }) export class AppComponent { constructor() { } } 

您只需要声明一个变量并放置值或使用您需要的值初始化该变量。 在构造函数中,您必须定义Jquery部分。 看看这个。这是Autocomplete工作示例,这是您需要的

http://plnkr.co/edit/dAMQc0EN6rSS4dEuTR7E?p=preview

只需将此代码放入构造函数中:

 export class AppComponent { availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC",... ]; constructor(){ $( "#tags" ).autocomplete({ source: this.availableTags }); } } 

如果你不关心jQuery打字,你可以只声明$:

 import {Component, ElementRef,Directive, EventEmitter,Output} from 'angular2/core'; declare var $: any; 

如果你正在寻找打字,你可以关注这篇文章:

在angular 2应用程序中使用jQuery globaly