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运算符


相关文章
|
JavaScript 前端开发
AngularJS ng-if使用方法详解
AngularJS ng-if使用方法详解
180 1
|
前端开发 JavaScript 测试技术
angularjs初识
angularjs初识
72 0
|
JavaScript 前端开发
|
JavaScript 前端开发 .NET
|
JavaScript 前端开发 容器
|
JavaScript 前端开发
|
前端开发 JavaScript
angularjs2.0指南
AngularJS 2.0 学习 Angular 2 当越来越多的 web app 使用 Angular 1构建的时候,更快更强大的 Angular 2 将会很快成为新的标准。 Angular的新约定使得它更容易去学习、更快的去开发 app。通过本教程学习更快速。更强大的 Angular 版本。 Angular 一个跨移动和桌面的框架 快速开始
1243 0