2017-05-31 98 views
3

我想用我的角度項目使用引導選擇,但它並沒有出現。引導選擇不顯示

<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> 

這是從應用到選擇項目的唯一規則

我的依賴與涼亭安裝引導選包後引導 - 選擇CSS樣式表。

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

是其他一些軟件包打破它?

謝謝

我的版本角:1.6.2,引導:3.3.7,引導選:1.12.2

+0

html是什麼樣的?你的CSS將顯示設置爲無。我希望它不顯示.... – 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)鏈接項目頭文件的路徑;

它爲我工作,希望它有幫助!