ng-if:隐藏/显示属性。怎么做?

时间:2016-02-05 10:41:00

标签: javascript angularjs

我需要这样的事情:

$scope.toggle = true;

<a If(toggle){ ng-click="vm.addFilter()" } else{ '' } >Add Policy</a>

我可以尽可能轻松地完成吗?

2 个答案:

答案 0 :(得分:2)

你想这样做吗?

//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>

答案 1 :(得分:1)

您无法使用angular core指令添加或删除任何属性,您可以执行以下操作。我想你不想有条件地致电vm.addFilter()

<a ng-click="toggle && vm.addFilter()">Add Policy</a>

How && works in depth?

@deceze指出,除非它正在做一些动作,否则不需要显示元素。按照你的回答,你可以使用ng-if来隐藏/删除元素,如@Serginho在他的回答中所建议的那样。