角度秀隐藏闪烁

Question

点击它们时，我正在切换2个元素的可见性。一个非常简单的用例：

<div ng-hide="filtersOpened"
     ng-click="filtersOpened=true">
    filters (opened)
</div>
<div ng-show="filtersOpened"
     ng-click="filtersOpened=false">
    filters (closed)
</div>

这种变化发生了，但它会闪烁，所以在很短的时间内我会同时看到两个元素。

如何在没有闪烁的情况下使更改表现更好，更顺畅？我已经阅读了ng-cloack，但由于我没有使用模板，因此看起来并不相关。

Answer 1

也许试试ng-if：

<div ng-if="filtersOpened" ng-click="filtersOpened=true">
    filters (opened)
</div>
<div ng-if="!filtersOpened" ng-click="filtersOpened=false">
    filters (closed)
</div>