在ng-click上切换角度属性

时间:2016-12-16 12:52:47

标签: javascript jquery html angularjs toggle

我有一张Google地图,其中包含我想要打开和关闭的标记。

<marker id='{{marker.id}}   'visible="{{ condition ? 'true' : 'false'}}">
</marker>

然后我按下了一个关闭它的按钮

<button ng-click="condition = false" ng-init="condition = true">
     Toggle visibility
</button>

如何在同一次点击切换条件true / false之间切换?

或者可能使用切换功能。

2 个答案:

答案 0 :(得分:1)

<marker id='{{marker.id}}   ng-if="condition"></marker>
<button ng-click="condition = !condition" ng-init="condition = true">Toggle isibility</button>

使用ng-if over ng-show,这是另一个讨论 When to favor ng-if vs. ng-show/ng-hide?

答案 1 :(得分:0)

只需在按钮上单击

使用ng-show和反转条件变量
<marker id='{{marker.id}}   ng-if="condition"></marker>
<button ng-click="condition = !condition" ng-init="condition = true">Toggle visibility</button>