Question

我使用angularjs和bootstrap创建了一个下拉列表。我想打开一个链接，如果它点击下拉列表中的任何值。但无法在下拉列表中获取数据。以下是小提琴link.help非常感谢： -

代码在这里： -

HTML代码

<div ng-app="myApp" ng-controller="myController">
 <div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-    toggle="dropdown">Dropdown Example
 <span class="caret"></span></button>
 <ul class="dropdown-menu" ng-repeat="item in items">
<li><a href="">{{item.GroupName}}</a></li>
</ul>
</div>
</div>

控制器

var myApp=angular.module("myApp",[]);
myApp.controller("myController",['$scope',function($scope){
$scope.items=[{"GroupID":"15","GroupName":"Client Management Product"},
             {"GroupID":"5","GroupName":"DevOps"},
             {"GroupID":"18","GroupName":"Resource Centre"},
             {"GroupID":"16","GroupName":"SEF"},
             {"GroupID":"17","GroupName":"Shared Services"}]
}]);

http://jsfiddle.net/smsh/st4hn14a/

Answer 1

您好，您没有在示例中添加boootstrap.min.js和jQuery作为外部资源

选中此Demo

  <ul class="dropdown-menu">
    <li ng-repeat="item in items"><a href="">{{item.GroupName}}</a></li>
  </ul>

数据在角度下拉列表中没有绑定

1 个答案: