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

前端之家收集整理的这篇文章主要介绍了AngularJS:防止隐藏的表单字段被验证前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
什么是防止隐藏的表单字段在AngularJS中验证的最佳方式?
我最初错过了内置的ngrequired指令。还有一个必需的标签,这让我困惑。

现在,我们可以使用相同的逻辑(我们用来隐藏元素)来设置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>

猜你在找的Angularjs相关文章