在Angular中加载页面加载时隐藏叠加层

时间:2013-10-10 12:42:27

标签: html css angularjs animation

使用this article我使用ng-hide / ng-show在鼠标点击上制作了一个叠加div淡入/淡出。除了一件小事之外它工作得很好 - 当页面加载并且还没有加载所有Angular时,当Angular加载负责叠加可见性的相应变量时,叠加层会闪烁一会儿然后淡出。

div在翡翠中看起来像这样:

.overlay(ng-show="overlayStatus=='on'", ng-init="overlayStatus='off'", ng-animate="'fade'")

现在要删除那个闪烁,并在没有Angular评估的情况下隐藏加载重叠,我将style="display:none;"添加到此div,它似乎解决了问题。虽然我不确定这是否是一种正确的方法。

请告知。

1 个答案:

答案 0 :(得分:1)

您需要使用ng-cloak指令