在angular2中加载bootstrap selectpicker

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

这是我的应用程序，component.ts

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

但是，我得到这个错误。

__WEBPACK_IMPORTED_MODULE_2_jquery ___ default（...）（...）。selectpicker不是函数。

我是angular2的新手。请帮忙！

来源

2017-08-01 CKA

你仍然需要引导的selectpicker –

“风格” 的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“， “styles.css” ]， “scripts”：[“../node_modules/jquery/dist/jquery.min.js”， “../node_modules/bootstrap/dist/js/bootstrap.min.js “， ”../node_modules/bootstrap-select/dist/js/bootstrap-select.min.js“ ] – CKA

我引入了所有这些angular-cli.json中的文件 – CKA

这里是我的解决方案，

打开typings.d.ts文件中角CLI及以下线路

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;

来源

2017-08-01 05:45:06

谢谢。这工作。但是，请你解释一下这里发生的事情吗？ – CKA

在angular2中加载bootstrap selectpicker

回答

相关问题