在angular2中加载bootstrap selectpicker

Question

我正在尝试在angular2应用程序中使用bootstrap selectpicker。我在angular-cli.json中加载了jquery和bootstrap-select脚本。

这是我的app-component.ts

 import $ from 'jquery';
  ngOnInit() {
   $('.selectpicker').selectpicker('refresh');
  }

但是，我收到了这个错误。

__ WEBPACK_IMPORTED_MODULE_2_jquery ___ default（...）（...）。selectpicker不是函数。

我是angular2的新手。请帮忙！

Answer 1

这是我的解决方案，

在angular-cli中打开 typings.d.ts 文件并添加以下行

＆＃13;

＆＃13;

interface JQuery {
   addClass(className: string): JQuery;
   attr(attributeName: string, value: string|number): JQuery;
}
interface JQuery {
     selectpicker(options?: any, callback?: Function):any;
}

＆＃13;

＆＃13;

＆＃13;

不要导入jquery：

declare var $:any;