拆分按鈕不會切換Angular，JS

我看過一些類似於這個問題的問題，但我還沒有遇到一個有用的答案。任何人都可以看看我的代碼？拆分按鈕不會切換Angular，JS

我在組件中分配了{{$ ctrl.init}}和{{$ ctrl.people}}。我知道這個作業是有效的，因爲如果我拿走「分割按鈕」並直接在模板上打印它們，我可以點擊它們並正常重定向，沒有任何問題。

這是我的模板代碼：

<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-md-2"> 
    <!--Sidebar content--> 
     <div class="btn-group btn-xs" uib-dropdown ng-cloak> 
     <button id="mydd" type="button" class="btn btn-primary dropdown-toggle btn-xs" data-toggle="dropdown" aria-haspopup="true">Action 
      <span class="caret"></span></button> 
      <ul class="dropdown-menu" role="menu" aria-labelledby="mydd"> 
       <li><a href="{{$ctrl.init}}">Start</a></li> 
       <li><a href="{{$ctrl.people}}">People</a></li> 
      </ul> 
     </div> 
    </div> 
    </div> 
</div>

當我添加按鈕，獲得正確的造型，但它並沒有落下或顯示我的選項。沒有反應。

有什麼想法？

來源

2017-01-18 Olga Akselrad

試試這個。

你應該添加ui.bootstrap模塊到主應用程序。

在控制器

定義$scope.isCollapsed = true; 並添加uib-collapse="isCollapsed"指令ul標籤

<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-md-2"> 
    <!--Sidebar content--> 
    <div class="btn-group btn-xs" uib-dropdown ng-cloak> 
    <button id="mydd" type="button" ng-click="isCollapsed = !isCollapsed" class="btn btn-primary dropdown-toggle  btn-xs" data-toggle="dropdown" aria-haspopup="true">Action 
     <span class="caret"></span></button> 
     <ul class="dropdown-menu" uib-collapse="isCollapsed" role="menu" aria-labelledby="mydd"> 
      <li><a href="{{$ctrl.init}}">Start</a></li> 
      <li><a href="{{$ctrl.people}}">People</a></li> 
     </ul> 
     </div> 
    </div> 
    </div> 
</div>

來源

2017-01-18 16:38:11

拆分按鈕不會切換Angular，JS

回答

相關問題