AngularJS ng-if使用

简介: AngularJS ng-if使用

ng-if指令用于在表达式为false时移除html元素。

如果if语句执行结果为true,会添加元素,并显示。

ng-if指令不同于ng-hide,ng-hide隐藏元素,而ng-if是从DOM中移除元素。

语法:

<element ng-if="expression"></element>

参数值:

描述
expression 如果表达式返回 false 则会移除整个元素,如果为 true,则会添加元素。

例子:

<div class="panel panel-success" ng-if="show">
  <div class="panel-heading"><div class="panel-title">主面板</div></div>
    <div class="panel-body">
      主体内容
    </div>
  </div>
</div>
<p ng-if="!harborShow && item.type==='byName'">...</p>
<p ng-if="harborShow || item.OwnStatus==1">...</p>

&是按位 AND运算符;

&&是逻辑 AND运算符


相关文章
|
7月前
|
JavaScript 前端开发
AngularJS ng-if使用方法详解
AngularJS ng-if使用方法详解
|
Web App开发 JavaScript 前端开发
AngularJS
AngularJS 是比较新的技术,版本 1.0 是在 2012 年发布的。 AngularJS 是由 Google 的员工 Miško Hevery 从 2009 年开始着手开发。 这是一个非常好的构想,该项目目前已由 Google 正式支持,有一个全职的开发团队继续开发和维护这个库。
1077 0
|
Web App开发 前端开发 JavaScript
|
JavaScript 前端开发 PHP
|
安全 缓存 前端开发
|
JavaScript 前端开发 缓存
|
JavaScript 前端开发
|
机器人 测试技术
|
前端开发 JavaScript
为什么你不应该用angularjs?
AngularJS的问题 为什么你不该用angularjs,https://medium.com/@mnemon1ck/why-you-should-not-use-angularjs-1df5ddf6fc99#.9yg505ar3 1.数据双向绑定问题 angular的方式:视图变化->模型变化->触发事件处理函数 合理的方式:视图变化->触发事件处理函数 问题所在: 1.事件监听不自然。
784 0

热门文章

最新文章