ロード中のAngularJs ng-hide

私は、必要に応じて角度ng-hideとng-showを使用して4つの形式を表示します。しかし、ページが最初に読み込まれると、読み込み中にすべてのフォームが表示され、読み込みが完了すると非表示になります。それは本当に読み込み中に泥棒に見えます。これが起こらないようにする方法はありますか？ロード中のAngularJs ng-hide

出典

2016-05-23 Chidi Nkwocha

[ngCloak]（https://docs.angularjs.org/api/ng/directive/ngCloak）がどのように –

のために設計されましたフォームに適用しますか？ 3つの書式を持つ –

通常は、アプリケーション全体に適用したいのですが、角度はここには表示されません。しかし、クラスや属性を追加するだけです。* cssルールのためのdocs/@ asdf_enel_hakの答えを参照してください。* Angularは読み込まれたときにこれを削除し、標準の '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>

は動作しますが、それは体全体を非表示になります。 https://docs.angularjs.org/api/ng/directive/ngCloak：

ディレクティブは、素子に印加することができるが、好ましい使用量は、ブラウザビューの漸進的なレンダリングを可能にするために、ページの小さな部分に複数のngCloakディレクティブを適用することです。

ので、特定の要素にng-cloakを適用すると良いでしょう：

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

出典

2016-05-23 16:00:17

ロード中のAngularJs ng-hide

答えて

関連する問題