在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

回答

相關問題