最初不检查单选按钮

时间:2015-12-10 13:59:17

标签: javascript angularjs radio-button

我看过很多类似的问题,但没有一个可以解决我的问题:

我有一个ng-repeat来显示项目列表。并且每个人都有一个div,当满足某些条件时会显示:' 1 40.870 0.710 570 363 0.00000E+00 2 40.960 0.870 575 367 0.00000E+00 3 41.210 0.980 578 378 0.00000E+00

在那个div中,我有一个单选按钮:

     40.870     0.710  0.000
     40.960     0.870  0.000
     41.210     0.980  0.000

当其他功能正常工作时,不会直接检查我的div何时可见。但是,如果我选择其中一个,它会改变其ng模型。

但为什么在开始时没有选择?

2 个答案:

答案 0 :(得分:0)

根据您提供的代码很难知道,但我猜测item.Propundefined。如果您向我们提供更多代码,小提琴或者掠夺者,我们可能会提供更多帮助。

演示您遇到的行为的示例:http://jsfiddle.net/HB7LU/20982/

按照您的意愿操作复选框的示例:http://jsfiddle.net/HB7LU/20983/

答案 1 :(得分:0)

我找到了解决方案:

问题是为ng-repeat循环中的每个项目创建了复选框。因此,每个复选框都具有相同的名称,因此无法选择它们。

要解决这个问题,我刚刚给出了复选框名称末尾的项目的唯一属性。

<input type="radio" ng-model="item.Prop" name="published{{item.ID}}" ng-value="true" ng-checked="item.Prop"> <span>published</span>
<input type="radio" ng-model="item.Prop" name="published{{item.ID}}" ng-value="false"> <span>not published</span>

以下是plunker