Javascript 在AngularJS中从$valid中验证某些字段

Javascript 在AngularJS中从$valid中验证某些字段,javascript,angularjs,validation,angularjs-scope,Javascript,Angularjs,Validation,Angularjs Scope,我有两个选择框,用户可以在其中将项目从选择框移动到另一个选择框。 假设我有选择框1和选择框2。 我将所有可用选项从SelectBox1移动到SelectBox2。 现在在提交表格时,我正在检查表格是否有效。 但是,当我将所有选项从SelectBox1移动到SelectBox2时,它会将$valid标志设置为false,这会阻止我前进。 有没有办法在angularJS中排除selectBox1被$valid验证 <select multiple="multiple" id="selectBo

我有两个选择框,用户可以在其中将项目从选择框移动到另一个选择框。 假设我有选择框1选择框2。 我将所有可用选项从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>


还请注意,SelectBox1不是必需的,而SelectBox2是必需的。

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

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

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

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


Fiddle将帮助我们识别问题..Fiddle将帮助我们识别问题。。