AngularJS：防止隐藏的表单字段被验证

现在，我们可以使用相同的逻辑(我们用来隐藏元素)来设置ngRequired为false。

这里是一个例子实用的用例：我想问已婚的人的孩子他们有多少，但是，如果他们没有结婚，只是隐藏关于孩子的领域。

<form ng-app name="form">

    Marital status:
    <select  ng-model="maritalStatus" required>
        <option value="">Select...</option>
        <option value="M">Married</option>
        <option value="UM">Unmarried</option>
    </select>

    <div ng-show="maritalStatus == 'M'">
        Number of children: <input type="number" ng-model="children"  ng-required="maritalStatus == 'M'">
    </div>

    (for testing) Is this form correctly filled? {{form.$valid}}

</form>