在 ng-click 上切换 angular 属性

Question

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

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

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

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

如何在同一次点击中切换条件 true/false？

或者可能使用切换功能。

Answer 1

只需使用 ng-show 并在单击按钮时反转条件变量

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

Answer 2

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

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

在 ng-click 上切换 angular 属性

Toggle angular attribute on ng-click

html

javascript

jquery

toggle

angularjs