排除某些字段在AngularJS中以$ valid验证

Question

我有两个选择框，用户可以在其中将项目从选择框移动到另一个框。 假设我有 SelectBox1 和 SelectBox2 。 我将所有可用选项从SelectBox1移动到SelectBox2。 现在，在提交表格时，我正在检查表格是否有效。 但是当我将所有选项从SelectBox1移动到SelectBox2时，它会将 $ valid 标志设置为false，这会阻止我向前移动。 有没有办法在angularJS中排除selectBox1被 $ 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>

另请注意，当需要SelectBox2时，不需要SelectBox1。

Answer 1

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

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