在AngularJS中的$valid中排除某些字段进行验证

Question

我有两个选择框，用户可以在其中将项目从选择框移动到另一个选择框。 假设我有 SelectBox1 和 SelectBox2。 我将所有可用选项从 SelectBox1 移到 SelectBox2。 现在，在提交表单时，我正在检查表单是否有效。 但是当我将所有选项从 SelectBox1 移动到 SelectBox2 时，它会将 $valid 标志设置为 false，这会阻止我继续前进。 有没有办法排除 selectBox1 被 angularJS 中的 $valid 验证？

<select multiple="multiple" id="selectBox1" class="form-control" ng-model="available"  ng-options="role as role.Name for role in availableRoles"> </select>

<select multiple="multiple" id="selectBox2" class="form-control" required onchange="GetFunctionWisePrivileges()" ng-model="selected" ng-options="role as role.Name for role in selectedRoles"></select>

另请注意，SelectBox1 不是必需的，而 SelectBox2 是必需的。

Answer 1

您可以使用 ng-disabled 并将其基于数组长度

<select ng-model="available"  ng-options="...." ng-disabled="!availableRoles.length"> </select>