2017-05-31 14 views
3

角度のあるプロジェクトでbootstrap-selectを使用しようとしていますが、まったく表示されません。ブートストラップの選択が表示されません

私の依存関係亭とブートストラップ・セレクトパッケージのインストール後:

<link rel="stylesheet" type="text/css" href="bower_components/font-awesome/css/font-awesome.min.css"> 
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css"> 
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap-select/dist/css/bootstrap-select.min.css"> 
<link rel="stylesheet" type="text/css" href="bower_components/angular-material/angular-material.min.css"> 

とJSファイル用:

<script type="text/javascript" src="bower_components/angular/angular.min.js"></script> 
<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script> 
<script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="bower_components/bootstrap-select/dist/js/bootstrap-select.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-cookies/angular-cookies.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-animate/angular-animate.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-aria/angular-aria.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-cookies/angular-cookies.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script> 
<script type="text/javascript" src="bower_components/ng-file-upload/ng-file-upload.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-material/angular-material.min.js"></script> 

をこれからの選択項目にのみ適用されるルールですbootstrap-select CSSスタイルシート。

select.bs-select-hidden、select.selectpicker { display:none!important; }

その他のパッケージはいくつか破損していますか?

マイバージョンの角度ありがとう:1.6.2、ブートストラップ:3.3.7、ブートストラップ・セレクト:1.12.2

+0

htmlの外観はどのようなものですか?あなたのCSSは表示をnoneに設定しています。私それが表示されないことを期待する.... – sn3ll

+0

HTMLは、ブートストラップ・セレクト '<選択したクラスは、= "selectpicker">から、デフォルトの一例である ' CSSそれは私のものではなく、それはselect-bootstrap cssであり、htmlに適用される唯一のルールは、表示なしのものです。 [bootstrap-select]へのリンク(https://silviomoreto.github.io/bootstrap-select/) –

答えて

0

私は最近、同じ問題を抱えていた、私がやったことだった。

1)ダウンロードブートストラップ - SilvioMoreto Gitから選択してください。
2)bootstrap-select/jsからbootstrap-select.jsをコピーします。
3)ファイルをプロジェクトのjavascriptsディレクトリに貼り付けます。
4)プロジェクトヘッダーのファイルへのリンクパス。

それは私のために働いた、それが助けて欲しい!

関連する問題