如何在角度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
工作示例,这是您需要的
只需将此代码放入构造函数中:
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