在ng-repeat内初始化具有相同值的单选按钮

时间:2014-04-21 10:58:48

标签: angularjs

使用ng-model使用单选按钮初始化时遇到问题。花了3个小时后,我找到了造成问题的案例。

Working

如果我们设置了不同的值,那么它与ng-repeat一起正常工作。 See Here

Not Working

现在,我为两个单选按钮分配了相同的值。它只会最后一次初始化。 See Here

非常感谢。

2 个答案:

答案 0 :(得分:2)

您应为每个单选按钮组指定不同的名称。请参阅jsFiddle更新链接。

<div ng-app>
<div ng-controller="myCtrl">
    <div ng-repeat="g in groups">
<input type="radio" ng-model="g.myrd" name="checking{{g.id}}" value="true" /> Right
<input type="radio" ng-model="g.myrd" name="chekcing{{g}}" value="false" /> Wrong
{{g.myrd}}
</div>

http://jsfiddle.net/imhassan66/7H2hH/

答案 1 :(得分:1)

单选按钮具有相同的名称,因此只能检查其中一个。这就是单选按钮的重点。

仅限您的工作示例&#34;工作&#34;因为你错误拼写了第二个单选按钮的名称。