AngularJS - 模型不更新由ng-repeat生成的单选按钮的选择

Question

我正在使用ng-repeat生成一堆单选按钮,然后在选择其中一个时尝试更新模型.这似乎不起作用.

当无线电输入被硬编码而不是由ng-repeat生成时,相同的标记工作正常.

这有效:

<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}}

这不是:

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

请参阅这里显示的jsfiddle:http://jsfiddle.net/mark_up/A2qCS/1/

任何帮助,将不胜感激.

谢谢

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>

应该做的伎俩.

据我所知,ng-repeat创造了自己的$scope.所以你需要参考$parent $scope;是的,AngularJS很棘手.另外你需要更改value到ng-value了.