數據沒有綁定在角度下拉

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外部資源，在你的榜樣

入住這

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