在Angular的頁面加載中隱藏疊加層

使用this article我使用ng-hide/ng-show在鼠標單擊時對疊加層進行了淡入/淡出。除了一件小事情之外，它工作正常 - 當頁面加載並且並非所有Angular都已加載時，疊加層瞬間閃爍，然後在Angular加載負責覆蓋可見性的相應變量時淡出。在Angular的頁面加載中隱藏疊加層

的DIV看起來像這樣在玉：

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

現在以消除閃爍，並隱藏在負荷而不角度評估的覆蓋，我添加style="display:none;"到這個div，它似乎解決這個問題。雖然我不確定這是否是一種正確的方法。

請指教。

沒有什麼內在的錯誤，雖然CSS類可能比內嵌樣式更好。 – isherwood

您需要使用ng-cloak指令

2013-10-10 13:12:21 4vanger

它不起作用，因爲需要Angular將'overlayStatus'設置爲'off'，在此之前它仍然會顯示div。 –

回答