javascript - 使用 AngularJS 创建渲染条件

Question

我知道如何在 AngularJS 中创建一个 view 条件，它会根据条件显示或隐藏 dom 元素:

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

但是如何创建一个render条件来决定是否渲染 div？

Answer 1

针对angularjs 1.1.5及以上用户的更新(1.0.7不支持):

Related commit: https://github.com/angular/angular.js/commit/2f96fbd17577685bc013a4f7ced06664af253944

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

用法:

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

Note that when an element is removed using ngIf its scope is destroyed and a new scope is created when the element is restored

Documentation: directive-ngIf

对于旧版 angularjs 用户:

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

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

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

实际上，这个指令是为处理超过 1 个的情况而创建的，但你也可以那样使用它。参见 this回答更复杂的用法示例。