一尘不染

使用AngularJS进行渲染

angularjs

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

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

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


阅读 360

收藏
2020-07-04

共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个以上的案例,但是您也可以以这种方式使用它。

2020-07-04