在angular2中加载引导选择器

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 文件并添加以下行

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

不要导入 jquery：

declare var $:any;