Bootstrap-select下拉菜單不顯示

我正在使用bootstrap-select來美化我的Angular下拉菜單。不幸的是，當我點擊下拉菜單時，這些選項不會呈現。Bootstrap-select下拉菜單不顯示

我的母版頁是這樣的：

<!DOCTYPE html> 
<html ng-app="ibosApp"> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width" /> 
    <title>iBOS</title> 
    <script src="/Scripts/jquery-1.10.2.min.js"></script> 
    <script src="/Scripts/angular.min.js"></script> 
    <script src="/Scripts/angular-route.min.js"></script> 
    <script src="/Scripts/bootstrap-select.js"></script> 
    <script src="/angular/scripts/route-config.js"></script> 
    <script src="/Scripts/bootstrap-select.js"></script> 
    <link href="/Content/bootstrap.min.css" rel="stylesheet" /> 
    <link href="/Content/bootstrap-select.css" rel="stylesheet" /> 
    <link href="/Content/acs.css" rel="stylesheet"/> 
    <script type="text/javascript"> 
     $(function() { 
      $('.selectpicker').selectpicker(); 
     }); 
    </script> 

</head> 
<body> 
    <div class="container body-content"> 
     <ng-view/> 
    </div> 
</body> 
</html>

和我的模板頁面看起來像這樣：

<div class="row"> 
    <h3>Department</h3> 
    <select class="selectpicker"> 
     <option data-content="<img src='/Content/Images/dept_cargo.png' /> CARGO"> 
      CARGO</option> 
     <option data-content="<img src='/Content/Images/dept_commercial.png' /> COMMJ"> 
      COMMJ</option> 
     <option data-content="<img src='/Content/Images/dept_executive.png' /> EXECJ"> 
      EXECJ</option> 
     <option data-content="<img src='/Content/Images/dept_travel.png' /> TVL"> 
      TVL</option> 
    </select> 
</div>

出現的下拉預期，但是當我點擊它降不下來它。

我錯過了什麼？

中號

來源

2015-04-08 serlingpa

因爲模板動態添加，但代碼$('.selectpicker').selectpicker();只會DOM後準備執行一次。

所以你需要自己寫一個directive，或使用圖書館angular-bootstrap-select

來源

2015-04-08 10:04:58 c4605

對不起，我並不清楚：我使用的角引導，選擇！ – serlingpa

@serlingpa如果你使用它，你需要像[this]一樣導入它（https://github.com/joaoneto/angular-bootstrap-select#html-snippet）。然後你需要在你的角度模塊定義中要求它：'angular.module（'app'，['angular-bootstrap-select']）''。 – c4605

我正在做所有這些事情，但它仍然不開心。 – serlingpa

Bootstrap-select下拉菜單不顯示

回答

相關問題