如何在 angular 2 中使用 jquery？

Question

我知道我是否需要在 angular 1.3 或 1.4 中使用第 3 方库。我需要制定那个东西的指令并在我们的项目中使用它。现在我正在使用 angular 2.0 。我想在 angular 2 中制作这个 https://jqueryui.com/autocomplete/ 或这个 https://jsfiddle.net/2rgrmv4q/

我可以在 angular2 中使用 jquery 吗？

1.How 我将在 angular 中使用第 3 方库。

2.How 我在 angular 中自动完成 jquery 2.

这是我的代码 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 part 。看一下 this.Here 是 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;

如果你正在寻找打字，你可以按照这个 post:

如何在 angular 2 中使用 jquery？

how to use jquery in angular 2?

jquery

angular2-template

angular