2017-12-05 5 views
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> 

答えて

0

<ANY class="ng-cloak"> ... </ANY> 
関連する問題