ng-if,ng-show,ng-hide的区别

xiaoxiao2021-02-28  75

ng-if 控制元素是否存在,

ng-show,ng-hide 控制元素是否展示。ng-show=“true” 等价于ng-hide=“false”

存在是展示的前提。

用一个例子说明区别:

当页面表单中存在如下一个表单元素,该input带有required属性,在表单提交前会校验。

<input type="number" class="form-control input-sm" name="phone" ng-model="user.phone" placeholder="(必填)" required/>

如果给该元素加上ng-show="false" (ng-hide="true"),那么提交仍然会失败,因为虽然元素没有展示但是是存在的,所以依然会有校验。

<input type="number" class="form-control input-sm" name="phone" ng-model="user.phone" placeholder="(必填)" ng-show="false" required/>

如果给该元素加上ng-if="false",就可以提交成功了,因为元素已经不存在了,所以也就没有校验了。

<input type="number" class="form-control input-sm" name="phone" ng-model="user.phone" placeholder="(必填)" ng-if="false" required/>

转载请注明原文地址: https://www.6miu.com/read-73994.html

最新回复(0)