javascript - Angular 2 : Using Jquery in Angular2 : Error: No provider for 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 token

  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');
  }
}

我收到以下错误:

Error: No provider for Token jQuery!

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

Answer 1

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

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