Javascript 动态下拉菜单角度和引导
尝试为按钮创建动态下拉菜单。从服务器将菜单预加载为json,这部分工作正常,但出于某些原因,bootstrap不会显示菜单项,除了数组中的最后一项Javascript 动态下拉菜单角度和引导,javascript,angularjs,twitter-bootstrap,Javascript,Angularjs,Twitter Bootstrap,尝试为按钮创建动态下拉菜单。从服务器将菜单预加载为json,这部分工作正常,但出于某些原因,bootstrap不会显示菜单项,除了数组中的最后一项 <div class="btn-group"> <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> <span class="glyphicon glyphicon-camer
<div class="btn-group">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
<span class="glyphicon glyphicon-camera"></span> Select images to view <b class="caret"></b>
</button>
<ul ng-repeat="tag in tags" class="dropdown-menu">
<li><a href="#" ng-click="view.setTag(tag)">{{tag}}</a></li>
</ul>
</div>
(不过这很好)经过一些实验后发现了问题。将ng重复移动到li元素,如下所示
<div class="btn-group">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
<span class="glyphicon glyphicon-camera"></span> Select images to view <b class="caret"></b>
</button>
<ulclass="dropdown-menu">
<li ng-repeat="tag in tags"><a href="#" ng-click="view.setTag(tag)">{{tag}}</a></li>
^^^^^^^^^^^^^^^^^^^^^^^
</ul>
</div>
选择要查看的图像
^^^^^^^^^^^^^^^^^^^^^^^
this.loadTags = function () {
$http.get('http://localhost:5566/api/tags').
success(function (data, status, headers, config) {
$scope.tags = data.tags;
}).
error();
}
<div class="btn-group">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
<span class="glyphicon glyphicon-camera"></span> Select images to view <b class="caret"></b>
</button>
<ulclass="dropdown-menu">
<li ng-repeat="tag in tags"><a href="#" ng-click="view.setTag(tag)">{{tag}}</a></li>
^^^^^^^^^^^^^^^^^^^^^^^
</ul>
</div>