2016-02-14 61 views
3

我知道如果我需要使用角度爲1.3或1.4的第三方庫。我需要在那個項目中製作指令並使用它。現在我使用的是角度2.0。我想在angular 2 https://jqueryui.com/autocomplete/ 或本 https://jsfiddle.net/2rgrmv4q/如何在角2中使用jquery?

我可以在angular2使用jquery

1.如何使用第三方庫的角度。

2.How我使角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() { } 
} 

回答

2

你只需要聲明一個變量並將值或初始化該變量與您所需的值。在構造函數中你必須定義Jquery部分。看看this.Here正在例如,對於​​3210這是需要你

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

只是把這個代碼到構造函數:

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

你在哪裏創建的變量?你能解釋一下嗎?無法弄清楚? – micronyks

+0

我已經在類和構造函數外部聲明瞭變量名'availableTags'。然後按照答案中的說明爲變量賦值一些值。然後在構造函數中使用'this'使用相同的變量。希望現在清楚。 –

+0

太好了!瞭解 !但是我想知道'//參考src =「服務器URL」>'也可以做什麼。這種方式將使用構造函數嗎?我的意思是說任何在組件中的位置?或者這種方式有限制? – micronyks

2

如果你不這樣做關心jQuery的類型,你可以只聲明$:

import {Component, ElementRef,Directive, EventEmitter,Output} from 'angular2/core'; 

declare var $: any; 

如果你正在尋找分型,你可以按照這個帖子:

using jQuery globaly within angular 2 application