AngularJs ng-if指令

2017-10-30  本文已影响26人  报告老师

ng-if指令用于验证

ng-if=“函数或表达式”

当表达式返回布尔true时创建元素,返回false时删除该元素

所有html标签都支持这个指令

用例:

<div ng-app=“”>

<input name=“name” type=“text” ng-mode=“name” ng-minlength=“2” ng-maxlength=“4”>

<p ng-if=“name.$valid”>My name is {{name}}</p>

</div>

上述例子说明:当输入框属于的内容长度在2到4之间,下面的p标签才会显示。否则不出现(不会出现在dom树中)

上一篇 下一篇

猜你喜欢

热点阅读