AngularJs加載時隱藏

我有4種形式，其中使用角度ng-hide和ng-show在需要時顯示每個形式。但是，當頁面最初加載時，它將在加載時顯示所有表單，並且只在加載完成時才隱藏它們。加載時看起來很糟糕。有沒有辦法阻止這種情況發生？AngularJs加載時隱藏

[ngCloak（https://docs.angularjs.org/api/ng/directive/ngCloak）被設計爲 –

如何我是否將它應用於表單？有3種形式 –

通常，你想將它應用到整個應用程序，只是一段時間，而角度不在這裏。但你可以將它應用到你想要的 - 只需添加類或屬性... *請參閱下面的docs/@ asdf_enel_hak的答案css規則*角加載它時刪除這些東西，並將應用標準的'ngShow/ngHide'功能。 –

ng-cloak會爲你工作

例如：

在你的CSS

：

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { 
    display: none !important; 
}

並在代碼：

<div id="template1" ng-cloak>{{ 'hello' }}</div>

2016-05-23 14:46:53

CSS：

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { 
    display: none !important; 
}

HTML：

<body ng-cloak> ... </body>

該指令可以被施加到元件，但優選的使用量是將多個ngCloak指令應用於網頁的一小部分，以允許瀏覽器視圖的漸進式渲染。

所以最好申請ng-cloak特定元素：

<div ng-cloak> ... </div> 
<div ng-cloak> ... </div>

2016-05-23 16:00:17

回答