在 angular2 中加载 bootstrap 选择器

Question

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

这是我的应用-component.ts

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

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

__WEBPACK_IMPORTED_MODULE_2_jquery___default(...)(...)。select选择器不是函数。

我是 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;