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

Question

I want to use Jquery in my Angular2 application. I did the following:

• I installed using npm package.json

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

• I created a jQuery.service.ts file and declared an OpaqueToken to expose this library

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

• I imported and declared the jQuery token in app.module.ts

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

Now I am trying to access the $ of jQuery in my component.ts file

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

And I get the following error:

Error: No provider for Token jQuery!

Can someone please guide me on why this error appears?

Answer 1

please include jquery file in your index.html and

declare jQuery like this declare var jQuery:any; in your component and you can use it no need to include extra things.