AngularJS + Bootstrap Dropdown: Ich kann nicht ng-klicken in ng-repeat

Question

Ich versuche einen Picker mit Bootstrap Dropdown und AngularJS zu erstellen.

http://jsfiddle.net/qbjfQ/

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

Wenn ich ng klicken, statisch in der Liste, es funktioniert gut (Beispiel 4 und 5) Aber wenn ich ng Klick in ng-Repeat verwenden, wird es nicht aktualisieren der Wert (Beispiel 1 bis 3)

Was kann ich tun?

Answer 1

Es ist ein bekanntes Problem mit dem Scoping in Richtlinien. Sie können den Artikel The Nuances of Scope Prototypal Inheritance lesen, um mehr über das Scoping in eckigen js zu erfahren.

Sie müssen die ng-repeat zu

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

Demo ändern: Fiddle

Zur Erläuterung des Problems, können Sie my answer-this question

Answer 2

Eine Option lesen ist eine Set-Funktion zu verwenden, innerhalb 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

Es gibt eine AngularJS Richtlinie, die genau das tut: https://gist.github.com/andyvr/5205764

Hier ist die jsfiddle mit Beispielen: http://jsfiddle.net/M32pj/1/

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