将ng-form与ng-repeat一起使用时，AngularJs单选按钮已连接

Question

看到这个plnkr http://plnkr.co/edit/WZHMuYY3y2wbI6UysvY6?p=preview

在包含单选按钮组的ng-repeat上使用ng-form标记时，单选按钮是链接的，因此，如果选中一个ng-repeat中的单选按钮，它将取消所有其他ng-repeats的选择。 这让我感到困惑，因为ng-repeat的模型与其他项目是隔离的。 这不仅是使用ng-repeat时的问题。 当具有隔离范围的自定义指令的多个实例会呈现一个

<div ng-form name="myForm">

在Plnkkr中，尝试添加一些项目，然后检查某些项目上的单选按钮。 它们应该独立，但不是独立的。

这是Angular中的错误吗？ 如果不是，为什么它会这样工作，我该如何解决？

<form name="mainForm" ng-submit="submitAll()">
      <ul>
        <li ng-repeat="item in items" ng-form="subForm">          
          <input type="text" required name="name" ng-model="item.name"/>
          <input type="radio" name="myRadio" value="r1" ng-model="item.radio" /> r1
          <input type="radio" name="myRadio" value="r2" ng-model="item.radio" /> r2
          <span ng-show="subForm.name.$error.required">required</span>
          <button type="button" ng-disabled="subForm.$invalid" ng-click="submitOne(item)">Submit One</button>
        </li>
      </ul>
      <button type="submit" ng-disabled="mainForm.$invalid">Submit All</button>
    </form>

Answer 1

这些单选按钮由浏览器“连接”，因为您给它们指定了相同的名称。 只需删除name属性，事情就会按预期开始工作： http : //plnkr.co/edit/AEtGstSBV6oydtvds52Y?p=preview

Answer 2

根据您的最后评论，我已经尝试过了，而且行得通。 我没有使用内置的角度验证，但我相信它的工作原理相同，非常简单

    <li ng-repeat="item in items" ng-form="subForm">
      <input type="text" required name="name" ng-model="item.name"/>
      <input type="radio" value="r1" ng-model="item.radio" /> r1
      <input type="radio" value="r2" ng-model="item.radio" /> r2
      <span ng-show="item.radio==''">required</span>
      <button type="button" ng-disabled="subForm.$invalid || item.radio==''" ng-click="submitOne(item) ">Submit One</button>
    </li>

请参阅我的工作示例， 网址为http://wiredbeast.com/coolframework/stackover.html

诀窍是使用ng-show="item.radio==''"显示验证错误并禁用“提交一个”按钮。

在我看来，使用复选框和单选按钮进行角度形式验证和浏览器验证不是很可靠。