2017-01-18 19 views
0

私はこのような質問をいくつか見てきましたが、私は答えが得られませんでした。誰も私のコードを見てくださいできますか?スプリットボタンが角度を切り替えることはありません。

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

私はボタンを追加すると、私は適切なスタイリングを得るが、それはドロップダウンか私にオプションは表示されません。反応はありません。

どのような考えですか?

答えて

0

これを試してください。

メインアプリケーションにui.bootstrapモジュールを追加する必要があります。コントローラで

$scope.isCollapsed = true;を定義しても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> 
uib-collapse="isCollapsed"ディレクティブを追加
関連する問題