Question

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

我可以在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() { }
 }

Answer 1

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

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

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

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

Answer 2

如果你不关心jQuery打字，你可以声明$：

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

declare var $: any;

如果您正在寻找打字，可以关注此帖：

using jQuery globaly within angular 2 application

如何在角度2中使用jquery？

2 个答案: