Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在angular2中加载引导选择器_Angular_Bootstrap Select_Bootstrap Selectpicker - Fatal编程技术网

在angular2中加载引导选择器

在angular2中加载引导选择器,angular,bootstrap-select,bootstrap-selectpicker,Angular,Bootstrap Select,Bootstrap Selectpicker,我正在尝试在angular2应用程序中使用引导选择器选择器。我已经在angular-cli.json中加载了jquery和引导选择脚本 这是我的app-component.ts import $ from 'jquery'; ngOnInit() { $('.selectpicker').selectpicker('refresh'); } 但是,我得到了这个错误 __WEBPACK_导入的_模块_2_jquery___默认值(…)(…)。selectpicker不是函数 我是

我正在尝试在angular2应用程序中使用引导选择器选择器。我已经在angular-cli.json中加载了jquery和引导选择脚本

这是我的app-component.ts

 import $ from 'jquery';
  ngOnInit() {
   $('.selectpicker').selectpicker('refresh');
  }
但是,我得到了这个错误

__WEBPACK_导入的_模块_2_jquery___默认值(…)(…)。selectpicker不是函数

我是安格拉尔的新手。请帮忙

这是我的解决方案

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

接口JQuery{
addClass(类名:string):JQuery;
attr(attributeName:string,value:string | number):JQuery;
}
接口JQuery{
选择器选择器(选项?:任意,回调?:函数):任意;

}
对于bootstrap的选择器“styles”,您仍然需要bootstrap.js:[“./node_modules/bootstrap/dist/css/bootstrap.min.css”、“./node_modules/font awesome/css/font awesome.min.css”、“./node_modules/typeface montserrat/index.css”,“./node_modules/bootstrap select/dist/css/bootstrap select.min.css”、“style.css”]、“scripts”:[“./node_modules/jquery/dist/jquery.min.js”、“./node_modules/bootstrap/dist/js/bootstrap select.min.js”、“./node_modules/bootstrap/bootstrap select/dist/js/bootstrap select.min.js”]我已经在angular-cli.json中包含了所有这些文件。这很有效。但是你能解释一下这里到底发生了什么吗?