2017-09-10 4 views
1

AngularJSでアプリケーションを作成しています。ページが1秒未満でロードされた後、このプログラムコードが表示されます。AngularJS要素が1秒未満で表示される

1秒間に1つの分割が表示されます。どういうわけか、データがロードされるときにこのdiv cardが表示されるように設定することはできますか?

+0

以下のソリューションは、あなたのを解決しましたあなたの質問を誤解しましたか?選択した回答に1をマークしてください。 –

答えて

0

はい。 AngularJSの準備が整った後に表示したい要素にCSSクラス "ng-cloak"を追加するだけです。

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

あなたは上記の文書ごとに、あなたのスタイルに必要なCSSを追加する必要がありますが、それがすべてです。

1

一般に、ページの読み込み中に{{}}を非表示にする場合は、ng-cloakが追加されます。ドキュメントはあなたのプロジェクトに次のCSSを追加する必要があります述べたよう:

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

次に、あなたがそうのように、クラスまたはディレクティブとしてNG-マントを使用することができます。

<div class="ng-cloak"></div> 
Or 
    <div ng-cloak></div> 
関連する問題