ng-if :隐藏/显示属性.怎么做
ng-if : hide/show attribute. How to do it?
我需要这样的东西:
$scope.toggle = true;
<a If(toggle){ ng-click="vm.addFilter()" } else{ '' } >Add Policy</a>
我可以尽可能简单地做到这一点吗?
你想这样做吗?
//If you want to hide the element use this
<a ng-if="toggle" ng-click="vm.addFilter()" >Add Policy</a>
或者这个
//If you want to avoid the event with toggle variable
<a ng-click="toggle && vm.addFilter()" >Add Policy</a>
你不能使用角度核心指令添加或删除任何属性,你可以做如下的事情。我想你不想有条件地打电话给vm.addFilter()
。
<a ng-click="toggle && vm.addFilter()">Add Policy</a>
&&
如何深入工作?
@deceze有一个很好的观点,除非它正在执行某些操作,否则不需要显示元素。因此,您也可以按照他的回答中@Serginho的建议使用ng-if
隐藏/删除元素。
相关文章:
- 带有填充属性的SVG矩形显示在包含元素的上方插入框阴影
- 重写CSS:使用jquery显示none属性
- 对象的属性显示为未定义
- 离子模态未打开(类型错误:无法读取未定义的属性“显示”)
- HTML “标题”属性显示单词“未定义” - 例如.“主页未定义”
- 使剑道 UI 下拉列表将“选择控件”的“标题”属性显示为剑道工具提示
- 内容显示中的 JavaScript 错误“无法设置未定义的属性”显示”
- 动态添加的控件属性显示为 controls=“ ” 而不是控件
- 为什么获胜't我的json对象的`email`属性显示在我的jade模板中
- Angular:如何根据项目的属性显示icon.png
- 如何使用属性显示带有CSS3转换的隐藏元素
- 文本和输入元素以相同的方式追加和给定属性.显示文本,但不显示输入.为什么
- 基于属性显示html
- 修改title属性显示的工具提示
- 使用标签选择图像文件,但有属性显示输入
- 使用使用rel属性显示的模式编辑gridview单元格
- 按数据属性显示列表中的前三项
- 使用数据弹出属性显示 Jquery-ui 对话框
- 使用数据弹出属性显示 UI 对话框
- 检测属性显示从无显示到显示块