AngularJS所需的单选按钮需要两个单击事件才有效

Question

我有一个非常简单的表单,需要选择单选按钮才能使表单有效.单选按钮由生成ngRepeat.

正如你从这个小提琴中看到的那样,虽然所希望的行为是当第一次点击单选按钮时,应该验证表单(作为唯一的元素),但是请注意它需要额外的点击(在同一个收音机上)按钮或任何其他)来验证表格:

http://jsfiddle.net/Xsk5X/3/

我错过了什么？

Answer 1

所有其他解决方案都是解决方法:您需要做的就是删除name属性,当您使用ng-model不需要它的属性时它们会发生冲突.

指定nameAngular导致混淆的原因,因为它为角度模型更改了一次值,而另一次更改了表单元素名称.

Answer 2

尝试将 ng-click 属性添加到单选按钮输入中。

感谢 Manny D 首先注意到这一点。是的，这有点黑客，但它确实有效。例如，

<input type="radio" 
       name="groupName"  
       ng-model="editObject.Property"                             
       ng-value="someValue"
       ng-click />