如何使用ng-hide隱藏div而不會閃爍

Question

我正在使用ng-hide隱藏div。 加載dom時顯示，一毫秒后隱藏。

 <div class="container" ng-hide = "{{flag}}">

如何使div隱藏而不閃爍

Answer 1

您可以使用ng-if在這種情況下，如果條件的結果為false則DOM中根本沒有div元素。

ng-hide使用CSS（afaik）隱藏特定元素，但該元素仍放置在DOM內。 在DOM渲染之后應用CSS-這就是為什么您看到此“閃爍”的原因

Answer 2

<div class="container" ng-hide="{{flag}}" ng-cloak>

默認情況下隱藏，直到您的DOM被編譯為止

Answer 3

您還可以使用ng-show="{{flag}}"來根據標志顯示div，如果flag為false，則不會顯示div，否則會顯示。