美文网首页
AngularJs ng-if指令

AngularJs ng-if指令

作者: 报告老师 | 来源:发表于2017-10-30 22:46 被阅读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树中)

相关文章

  • AngularJs ng-if指令

    ng-if指令用于验证 ng-if=“函数或表达式” 当表达式返回布尔true时创建元素,返回false时删除该元...

  • AngularJS 指令ng-if注意事项

    ng-if指令可以根据表达式的值true/false在DOM中真正生成或真正移除一个元素。如果赋值给ng-if的表...

  • AngularJS 常见面试问题

    AngularJS 常见面试问题 1. ng-if 跟 ng-show/hide 的区别有哪些? ng-if在后面...

  • Angular相关指令

    AngularJS 指令 本教程用到的 AngularJS 指令 : 指令 描述 ng-app 定义应...

  • AngularJS 参考手册

    AngularJS 指令 本教程用到的 AngularJS 指令 : 过滤器解析 AngularJs 过滤器。 A...

  • angularJS中$scope作用域问题

    说明: angularJS中,ng-if,ng-repeat,ng-switch,ng-view,ng-inclu...

  • AngularJS (2)

    AngularJS 指令 AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。 ng-app 指令...

  • ng-if指令

    概述 在Angular JS中,可以使用ng-if指令来控制元素是否存在。 实现细节 ng-if标签通过监控绑定的...

  • AngularJS 指令

    AngularJS 指令 背景 什么是AngularJS指令? 一、内置指令 二、自定义 概念 模块对象app,提...

  • AngularJS使用

    AngularJS实现MVC AngularJS模块化Module AngularJS指令系统 AngularJS...

网友评论

      本文标题:AngularJs ng-if指令

      本文链接:https://www.haomeiwen.com/subject/xmfvpxtx.html