I am trying to use ng-repeat in bootstrap dropdown menu, but it does not display the list of elements in drop down. am i missing anything in populating the elements of drop down list from a method defined in controller.<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> 解决方案 You are simple missing the dropdown-menu directive in the ul list.As a reminder, here is the (simplified) example from the angular-ui bootstrap doc.<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>It looks like you are using an old version of angular-ui bootstrap when the directive were not prefixed by uib-. I recommend updating your version if you can. Otherwise, just remove the prefixs from the example.Edit: As you are using the version 1.1.2 of angular-ui bootstrap, you need to prefix the directives as shown in this answer. And here is the doc for reference 这篇关于Angular JS中的Bootstrap Dropdownlist问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!
10-29 02:05