使用AngularJS进行渲染

Question

我知道如何在AngularJS中创建 视图 条件，该条件将根据条件显示或隐藏dom元素：

<div ng-show="{{isTrue}}">Some content</div>

但是如何创建确定是否渲染div 的 渲染 条件？

Answer 1

针对angularjs 1.1.5及更高版本用户的更新（在1.0.7中不受支持）：

相关提交：https
:
//github.com/angular/angular.js/commit/2f96fbd17577685bc013a4f7ced06664af253944

Angular现在有一个条件渲染指令：ngIf。

用法：

<div ng-if="conditional_expression"></div>

请注意，使用ngIf删除元素时，如果元素的作用域被破坏并且还原该元素时会创建新的作用域

文档：指令ngIf

对于传统的angularjs用户：

ngShow指令有条件地隐藏/显示元素。在一个新的稳定发行版中将对此进行更改，现在与一样在unstable发行版中可用1.1.5。

如果要有条件地在DOM上添加/删除项目，请使用可以使用ngSwitch。

<div ng-switch="showMe">
    <div ng-switch-when="true">Hello!</div>
</div>

实际上，已创建此伪指令以处理1个以上的案例，但是您也可以以这种方式使用它。