我知道如何在AngularJS中创建 视图 条件,该条件将根据条件显示或隐藏dom元素:
<div ng-show="{{isTrue}}">Some content</div>
但是如何创建确定是否渲染div 的 渲染 条件?
针对angularjs 1.1.5及更高版本用户的更新(在1.0.7中不受支持):
相关提交:https : //github.com/angular/angular.js/commit/2f96fbd17577685bc013a4f7ced06664af253944
Angular现在有一个条件渲染指令:ngIf。
ngIf
用法:
<div ng-if="conditional_expression"></div>
请注意,使用ngIf删除元素时,如果元素的作用域被破坏并且还原该元素时会创建新的作用域
文档:指令ngIf
对于传统的angularjs用户:
ngShow指令有条件地隐藏/显示元素。在一个新的稳定发行版中将对此进行更改,现在与一样在unstable发行版中可用1.1.5。
ngShow
unstable
1.1.5
如果要有条件地在DOM上添加/删除项目,请使用可以使用ngSwitch。
ngSwitch
<div ng-switch="showMe"> <div ng-switch-when="true">Hello!</div> </div>
实际上,已创建此伪指令以处理1个以上的案例,但是您也可以以这种方式使用它。