1
かなり複雑で大きなAngularページを作成しています。典型的なAngularJS SPAスタイルのアプリケーションとは異なり、この特定のページはそれだけです。大量のデータを一度に表示する必要がある1ページ。問題は、この大きなページが読み込まれると、実際のコンテンツレンダリングに入る前に一時的にテンプレートマークアップがちらつき、表示されることです。これは、角度ng-cloak
が扱うはずのものですが、この場合、私は運がうまく動作することはありませんでした。AngularJs ng-cloak CSS表示の大きなページでの問題:なし
CSS
<style>
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
</style>
あなたはクローキングしているもので、実際に使用クラスに必要なHTML
<body ng-controller="MainCtrl">
<button class="btn btn-primary" ng-click="loadSomething()">Load Something</button>
<br/>
<div ng-hide="loaded">
Loading...
</div>
<div ng-show="loaded">
<p>{{ text }}</p>
</div>
</body>