在angular2中加载引导选择器
我正在尝试在angular2应用程序中使用引导选择器选择器。我已经在angular-cli.json中加载了jquery和引导选择脚本 这是我的app-component.ts在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不是函数 我是
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中包含了所有这些文件。这很有效。但是你能解释一下这里到底发生了什么吗?