3

Web アプリケーションのユーザーに、必要なファイルとスクリプトのロードの現在の進行状況を示すプログレス バーを表示したいと考えています。

パーセンテージを表示するのが望ましいですが、単純なローダー gif も許容できる解決策です。

可能な場合、Angular でイメージ、css、および js の読み込みが完了したパーセンテージを示すローダーを実装する最良の方法は何ですか?

リソースをロードして進行状況を示すことだけを目的とする小さなアプリケーションを作成し、すべてのスクリプトとリソースが終了したら、angular (angular.bootstrap()) を起動するためのコールバックを起動することを考えています。

私の推測では、より良い解決策を思いつくことができる賢明な人がたくさんいると思います。これに関する良いアドバイスから、私よりも多くの人が恩恵を受けることができると期待しています.

また、ローダーの修正のために推定ファイル サイズを指定できると便利です。

<script load-src="//somehost.com/file.js" filesize="100"/>
<img load-src=sprite.png" filesize="50"/>
4

2 に答える 2

2

<script>タグやタグなどの読み込みについて話しているの<link>ですか？その場合は、ng-cloak を使用できます。ng-cloak CSS ですべてを非表示にし、デフォルトでスピナーを表示します。次に、角度が完全にロードされたら、スピナーを取り外します。ng-cloak に関する詳細情報

独自の HTTP リクエストのセットが完了するまでスピナーをロードすることを意味する場合は、angular-promise-trackerを使用して HTTP リクエストを追跡し、「開始」イベントと「完了」イベントをキャッチしてパーセンテージを上げることができます。

スピナーをロードする http リクエストの例を次に示します: http://plnkr.co/edit/SHtk7eSrbs1dfoQawPCW?p=preview

于 2013-02-19T00:41:28.737 に答える