ブートストラップドロップダウンリスト角度の問題JS

Question

ブートストラップのドロップダウンメニューでng-repeatを使用しようとしていますが、ドロップダウンの要素のリストは表示されません。コントローラで定義されたメソッドからドロップダウンリストの要素を取り込む際に何かが欠けていますか？

<button type="button" class="btn btn-default btn-sm" title="Results Per Page"> 
    <span class="dropdown" dropdown> 
    <a href class="dropdown-toggle" dropdown-toggle> 
     <span class="caret"></span> 
     {{Temp.obj.pageSize}} Results Per Page </a>  
      <ul class="dropdown-menu"> 
      <li data-ng-repeat="result in Temp.obj.availPages"> 
      <a href data-ng-click="Temp.obj.setSize(result)">        
       {{result}}</a> 
      </li> 
      </ul> 
    </span> 
</button> 

Answer 1

あなたはulリストでdropdown-menuディレクティブが欠落している単純です。

ここでは、angle-uiブートストラップのドキュメントの（簡略化された）例を示します。

<div class="btn-group" uib-dropdown> 
    <button id="single-button" type="button" class="btn btn-primary" uib-dropdown-toggle> 
    Button dropdown <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button"> 
    <li role="menuitem"><a href="#">Action</a></li> 
    <li role="menuitem"><a href="#">Another action</a></li> 
    </ul> 
</div> 

ディレクティブはuib-で始まるれなかったときは、角-UIのブートストラップの古いバージョンを使っているように見えます。可能であれば、あなたのバージョンを更新することをお勧めします。それ以外の場合は、例のプレフィックスを削除してください。

編集：バージョン1.1.2のangle-uiブートストラップを使用しているので、この回答に示されているように、ディレクティブに接頭語を付ける必要があります。そしてここにありますthe doc for reference