AngularJS - Modello non aggiornato alla selezione del pulsante di opzione generato da ng-repeat

Question

Sto generando un gruppo di pulsanti di opzione utilizzando ng-repeat, e quindi cercando di aggiornare un modello quando uno di essi è selezionato. Questo non sembra funzionare.

Lo stesso codice funziona correttamente quando gli ingressi radio sono codificati in modo rigido anziché essere generati da ng-repeat.

Questo funziona:

<input type="radio" ng-model="lunch" value="chicken" name="lunch"> 
<input type="radio" ng-model="lunch" value="beef" name="lunch"> 
<input type="radio" ng-model="lunch" value="fish" name="lunch"> 
{{lunch}} 

Questo non lo fa:

<input type="radio" ng-model="lunch" ng-repeat="m in meat" value="m" name="lunch">  
{{lunch}} 

Vedi jsfiddle mostra sia qui: http://jsfiddle.net/mark_up/A2qCS/1/

Qualsiasi aiuto sarebbe apprezzato.

Grazie

Answer 1

<div ng-controller="DynamicCtrl"> 
    <input type="radio" ng-model="$parent.lunch" ng-repeat="m in meat" 
    ng-value="m" name="lunch">  
    {{lunch}} 
</div> 

dovrebbe fare il trucco.

Come ho capito, ng-repeat crea il proprio $scope. quindi è necessario fare riferimento allo $parent $scope; Sì, AngularJS è complicato. Inoltre è necessario modificare lo value su ng-value.

Answer 2

il problema di cui sopra è stata discussa here

Questo accade perché ng-repeat crea un nuovo ambito. Fondamentalmente, ogni <input> sta creando un valore Option selezionato sul proprio ambito interno. Per ovviare a ciò, crea un nuovo oggetto contenitore per quel valore. Ad esempio, è possibile dichiarare nel controller:

$scope.data = {selectedOption: x}; 

E poi nel modello, utilizzare ng-model="data.selectedOption"

in questo modo, ng-modello ottiene aggiornati .. :)

questo è difficile

Answer 3

basta sostituire il valore con ng valore