2017-08-01 6 views
1

私はangular2アプリケーションでブートストラップのselectpickerを使用しようとしています。私は、ang-cli.jsonにjqueryとbootstrap-selectスクリプトをロードしました。angular2のブートストラップ選択ピッカーをロードする

これは、私はこのエラーを取得しています、私のアプリ-component.ts

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

ですが。

__WEBPACK_IMPORTED_MODULE_2_jquery ___デフォルト(...)(...)。selectpickerは関数ではありません。

私はangular2を初めて使っています。助けてください!角度-CLIでここ

+0

は、あなたはまだ、ブートストラップのselectpicker –

+0

"スタイル" のbootstrap.jsが必要です/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

+0

私はこれらすべてを含んでいますangular-cli.jsonのファイル – CKA

答えて

2

は私のソリューションである、

オープン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; 
[ "../node_modules/bootstrap/dist/css/bootstrap.min.css"、 」../node_modules/font-awesome/css:
+0

ありがとうございます。これはうまくいった。しかし実際にここで何が起きているのか説明していただけますか? – CKA