angularjs - 如何根据单选按钮重置验证错误的值

Question

我有下面的代码来选择是\否从多选下拉列表中选择选项。但只有当我从收音机中选择是选项时才需要它。否则，当我从“是”移动到“否”时，验证消息应该消失。（当用户选择“否”选项时，我正在禁用脚本中的多选）

<input id="Option1" name="MyRadio" ng-model="MyRadioData" type="radio" title="Yes" value="Yes" ng-click="Flip('Yes')" />Yes

<input id="Option2" name="MyRadio" ng-model="MyRadioData" type="radio" title="No" value="No" ng-click="Flip('No')" />No

<select id="MultiSelect1" kendo-multi-select name="MultiSelect1" k-value-primitive="true" k-max-selected-items="30" k-placeholder="multiPlaceHolderVendor"
k-ng-model="MyOptions" k-data-source="MyOptionsDS" ng-required="MyRadioData == 'Yes'" validationmessage="Required"></select>

<span data-for="MultiSelect1" data-role="validator"></span>

但是，尽管我使用了 ng-required 选项进行多选，但上面的代码不起作用。

感谢任何帮助。

Answer 1

如果 <span data-for="MultiSelect1" data-role="validator"></span>是放置消息的位置，您可以ng-show ng-hide这样处理：

更新

<!-- if you choose no  it hide--> 
<span ng-hide="MyRadioData == 'No'" data-for="MultiSelect1" data-role="validator"></span>

<!-- if you choose yes  it hide--> 
<span ng-hide="MyRadioData == 'Yes'" data-for="MultiSelect1" data-role="validator"></span>

这是一个带有按钮的plnkr，但它的作用相同，我将帮助您如何工作。