如何使用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中。CSS是在DOM呈现之后应用的--这就是为什么您会看到这种“闪烁”。

Answer 2

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

默认情况下，在编译DOM之前一直隐藏

Answer 3

您也可以使用ng-show="{{flag}}"，它将根据标志显示div，如果标志为false则不显示div，否则将显示div。