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文件中的$ of 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');
       }
   }

我收到错误消息错误：没有提供令牌jQuery！。有人请指导我出现此错误的原因

Answer 1

请在index.html和

中包含jquery文件

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

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

1 个答案: