Angular2：在 Angular2 中使用 Jquery：错误：没有 Token jQuery 的提供者

Question

我想在我的 Angular2 应用程序中使用 Jquery。 我做了以下事情：

• 我使用 npm package.json安装

  "devDependencies": { "@types/jquery":"2.0.42" }

• 我创建了一个jQuery.service.ts文件并声明了一个OpaqueToken来公开这个库

  import { OpaqueToken } from '@angular/core' export let JQ_TOKEN = new OpaqueToken('jQuery');

• 我在app.module.ts导入并声明了jQuery令牌

  import {JQ_TOKEN} from './common/jQueryService' declare let jQuery : Object;

现在我正在尝试访问我的component.ts文件中的 $ jQuery

import {JQ_TOKEN} from './jQueryService'

export class simpleModal {
  @ViewChild('sessionModal') contentEl : ElementRef;

  constructor(private elRef : ElementRef, @Inject(JQ_TOKEN) private $ : any){}

  closeModal() {
    this.$(this.contentEl.nativeElement).modal('hide');
  }
}

我收到以下错误：

错误：没有 Token jQuery 的提供者！

有人可以指导我为什么会出现这个错误吗？

Answer 1

请在您的 index.html 中包含 jquery 文件和

像这样声明 jQuery 声明 var jQuery:any; 在您的组件中，您可以使用它而无需包含额外的东西。