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

2024-03-02

我正在使用 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/ http://jsfiddle.net/mark_up/A2qCS/1/

任何帮助,将不胜感激。

Thanks


<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 to ng-value too.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

AngularJS - 选择 ng-repeat 生成的单选按钮时模型未更新 的相关文章

随机推荐