如果选择了另一个元素，则应用 ng-required

Question

我正在创建表单的可选部分。一旦选择了两个元素之一（或输入了文本），另一个是必需的，但如果没有输入这两个字段，则不需要。我可以用 ng-required 完成这个吗？如果没有还有其他方法吗？预先感谢您的帮助！

Example Form

Answer 1

你可以用另一个模型作为参数做一个ng-required:

<input ng-model="myFirstInput" />
<input ng-model="mySecondInput"
       ng-required="myFirstInput" />

如果填写了第一个输入，myFirstInput 将评估为真值，因此需要第二个输入。

见this jsfiddle

Answer 2

你可以使用 ng-required 指令

<form name="myForm">

 Click here to make the input field required:

 <input type="checkbox" ng-model="myVar"><br><br>

 <input name="myInput" ng-model="myInput" ng-required="myVar">

 <h1 ng-if="!myForm.myInput.$valid">The input field cannot be empty</h1>

 </form>

如果选择了另一个元素，则应用 ng-required

apply ng-required if another element is selected

javascript

angularjs

ng-required