2014-05-09 60 views
0

時NG隱藏我有一個平時隱藏一個div:顯示出來不久加載

<div id="errorDiv" x-ng-show="errorOccured"> 
    {{errorStatus}}: {{errorMessage}} 
</div> 

當我加載頁面時,我看到了很短的第二節,我不想要的。 所以我試圖隱藏它在啓動:

<div id="errorDiv" x-ng-show="errorOccured" class="ng-hide"> 
    {{errorStatus}}: {{errorMessage}} 
</div> 

但沒有:-( 工作是否有隱藏在頁面加載的時間一個div沒有什麼好的辦法

+0

事實證明,我的解決方案將工作。問題是在頁面底部加載了angularjs。但我猜ng-cloak是更清潔的解決方案。 – EasterBunnyBugSmasher

回答

4

ng-cloak是什麼嗎?要找的

+0

我還必須將ng-cloak css添加到我的css文件中,因爲我在頁面底部加載了angularjs。那是不好的做法? – EasterBunnyBugSmasher

+0

我注意到有些時候,即使使用ng-cloak,我仍然會遇到簡短的視圖閃爍,但更好的解決方案是儘可能使用ng-bind(和下面提到的ngbindTemplate)的單向綁定。 –

+0

@EasterBunnyBugSmasher:如果您想在加載腳本之前渲染頁面,那麼將腳本放在頁面末尾非常有用 - 但在這種情況下,這可能不是您想要的。在你自己的風格中定義.ng-cloak可能會很糟糕,以防將來以不同的方式實現它們。您可以添加您自己的類,一旦DOM(和角度)加載後,類就會被刪除。 –

1

如果你不想使用ngCloak,總有ngBindTempalate然後你的HTML應該是這樣的:。

<div id="errorDiv" ng-show="errorOccured" ng-bind-template="{{errorStatus}} : {{errorMessage}}"></div> 

文檔瀏覽:

https://docs.angularjs.org/api/ng/directive/ngBindTemplate

它不會隱藏在div,但它不會與醜陋的花括號填充它的。