AngularJS + Bootstrap Dropdown：无法在ng-repeat中执行ng-click

Question

我试图用Bootstrap Dropdown和AngularJS创建一个选择器。

http://jsfiddle.net/qbjfQ/

<li ng-repeat="item in list"><a ng-click="current = item">Dynamic set {{item}}</a></li> 

当我使用列表中的静态NG点击，它工作正常（例如4和5） 但在NG-重复，当我用NG-点击，也不会更新值（示例1到3）

我该怎么办？

Answer 1

这是一个在指令范围内已知的问题。您可以阅读文章The Nuances of Scope Prototypal Inheritance以了解有关角度js中的范围界定的更多信息。

您需要更改ng-repeat到

<li ng-repeat="item in list"> 
    <a ng-click="$parent.current = item"> 
    Dynamic set {{item}} 
    </a> 
</li> 

演示：Fiddle

对于这个问题的解释，你可以阅读my answer到this question

Answer 2

一种选择是使用中的setter函数ng-click

HTML：

<li ng-repeat="item in list"><a ng-click="setCurrent(item)">Dynamic set {{item}}</a></li> 

JS

function MyCtrl($scope) { 

    $scope.list = [1,2,3]; 
    $scope.setCurrent=function(val){ 
     $scope.current =val; 
    }  
    $scope.current = 0;  
} 

DEMO：http://jsfiddle.net/qbjfQ/2/

Answer 3

有一个angularjs指令，正是这么做的：https://gist.github.com/andyvr/5205764

下面是与实例的jsfiddle：http://jsfiddle.net/M32pj/1/

Sample: 
<select ng-model="example1" bs-selectbox> 
<option value="1">One</option> 
<option value="2">Two</option> 
</select>