Javascript 在ng重复中使ng禁用为真

我有一个在ng repeat中的表单，只有在我选择所需字段时才需要启用它（在本例中为

下拉列表）。但不幸的是，这似乎不起作用。有人能建议对此进行可能的修复吗

<form name="myForm">    
    <div ng-repeat="item in data">
        <select ng-model="name" required ng-options="r.id as r.name for r in list">
            <option value="">--Select---</option>
        </select>    
        <button class="button" ng-click="save()" ng-disabled="myForm.$invalid">Save</button>
    </div>    
</form>

--挑选---
拯救

因为您的表单在

ng repeat

中，您将有多个表单绑定到

$scope

，名称为

myForm

（覆盖）

您应该在

ng repeat

例如：

<form name="myForm{{$index}}">  

在您的按钮上：

 <button class="button" ng-click="save()" ng-disabled="myForm{{$index}}.$invalid">Save</button>

保存

如果为每个select元素添加名称，则会更简单，以便可以单独引用字段错误：

<form name="myForm">
    <div ng-repeat="item in data">
        <select ng-model="name" name="name{{$index}}" required ng-options="r.id as r.name for r in list">
            <option value="">--Select---</option>
        </select>
        <button class="button" ng-click="save()" ng-disabled="myForm['name' + $index].$invalid">Save</button>
    </div>
</form>

--挑选---
拯救

---

演示：使用

ng表单

指令，以下是

--挑选---
拯救

这是你的电话号码

这是一个

<form name="myForm" novalidate>  
    <div ng-repeat="item in data">

        <ng-form name="testForm">
            <select ng-model="name" required ng-options="r.id as r.name for r in list">
            <option value="">--Select---</option>
            </select>    
            <button class="button" ng-click="save()" ng-disabled="testForm.$invalid">Save</button>
         </ng-form>

    </div>    
</form>