Javascript 带有动态单选按钮的必需属性（ng重复）

当使用HTML5“required”属性进行无线电类型输入和Angularjs表单验证时，我得到了一个奇怪的结果

我的意见：

<form name="myForm">
    <div ng-repeat="i in [0,1,2]">
        <input type='radio' name='var1' ng-model='var1' value='1' required />1<br />
        <input type='radio' name='var1' ng-model='var1' value='2' required />2<br />
        <input type='radio' name='var1' ng-model='var1' value='3' required />3<br />
        <span ng-show="myForm.var1.$error.required" ng-click="">Choose an option.</span>
        <button ng-disable="myForm.$invalid">Submit</button>
    </div>
</form>

1

2

3

选择一个选项。
提交

当我选择一个选项时，其他选项将被取消选择。此外，两种情况下的表单验证都处于激活/停用状态。

是，这是因为“name”属性正在重复，请尝试以下操作：

<form name="myForm">
    <div ng-repeat="i in [0,1,2]">
        <input type='radio' ng-model='i.var1' value='1' required />1<br />
        <input type='radio' ng-model='i.var1' value='2' required />2<br />
        <input type='radio' ng-model='i.var1' value='3' required />3<br />
        <span ng-show="i.var1==''" ng-click="">Choose an option.</span>
        <button ng-disable="i.var1==''">Submit</button>
    </div>
</form>

1

2

3

选择一个选项。
提交

---

删除名称并直接使用i.var1=''执行表单验证/禁用操作

您给所有的收音机取了相同的名称。。。在每个分区中