Angularowe przyciski interfejsu użytkownika UI.Bootstrap działają dziwnie z powtórzeniem ng

Question

Mam problem z dynamicznym generowaniem opcji dla modelu radiowego w ui.bootstrap kątowym. Myślałem, że mogę po prostu NG-repeat na tablicy, wykorzystując jego zawartość atrybutu btn-radiowym tak:

//in the controller 
$scope.radioModel = undefined; 
$scope.radioModelButtons = ["a", "b", "c"]; 

//in the html 
<div class="btn-group" > 
    <button ng-repeat="value in radioModelButtons" 
    class="btn" type="button" ng-model="radioModel" 
    btn-radio="'{{value}}'"> 
     {{value}} 
    </button> 
</div> 

Używam kątowej 1.1.4 i ui.bootstrap 0.3.0.

Here is a jsfiddle of my efforts, jak widać, przyciski radiowe działają niezależnie i nie mają wpływu na zmienną radioModel.

Dzięki!

Answer 1

ten sposób należy wpisać znaczników:

<button ng-repeat="value in radioModelButtons" 
     class="btn" type="button" ng-model="radio.model" 
     btn-radio="value"> 
      {{value}} 
</button> 

A jsFiddle pracy: http://jsfiddle.net/yMLqz/2/

Były 2 problemy w swoim podejściu:

• btn-radio powinny być stosowane z angularjs wyrażenie, a nie wartość interpolowana
• ng-repeat jest kreatyną g nowy zakres, więc musisz wziąć to pod uwagę, jeśli chcesz powiązać z wartością zdefiniowaną w zakresie rodzica