私はREST APIを使用して製品のリストと他の多くの機能を取得するAngular 2アプリケーションを作成しています。コンポーネント2とhttpリクエストで角2のローダー
私は二つの方法でローダーの並べ替えを実装する：
ローダーコンポーネントごとにページがロードされたときには、製品のカテゴリページをロードすると、たとえば、あなたがスピナーが表示されますHTTPリクエストとレンダリングが終わるまでロードされるオーバーレイ上で実行されます。
たとえば、「カートに追加」をクリックしたときと同じこと商品がカートに追加されるまでカートに追加ボタンをもう一度クリックすると無効になる商品列にオーバーレイを作成します。
どうすればいいですか？
ありがとうございます！
ページが簡単な方法で読み込まれると、コンポーネントごとにローダーを追加できます。コンポーネントタグ内にローダーgifを追加するだけです。コンポーネントがREST-APIからのデータを受け取ったとき、コンポーネントのデータに置き換えられます。
例：<mycomponent><img src="spinner.gif"></mycomponent>
第二部では、 "買い物かごに入れます"。 "カートに追加"をクリックすると、オーバーレイが付いた製品列にCSSクラスを追加することができます。 APIを呼び出して製品を追加します.HTML観察可能サブスクリプションのサブスクリプションでは、操作が完了したときにコールバックメソッドを呼び出すことができます。
私はネット上にソートを作成しました。
それは、このです：https://www.npmjs.com/package/angular2-busy
と私は、httpリクエストにローダーを管理することができますよ。
これは使いやすく、この「ビジー」ローダーをPromisesとObservableのサブスクリプションに適用することができます。
希望します。
Hey！早速のご返事ありがとうございます。残念ながらこれは私のためには機能しません。前に説明したように私のコンポーネントのタグに
を追加しましたが、ローダーイメージが表示されず、コンテンツが正常に読み込まれます。 –
FreshHaze
それは奇妙に聞こえる、うまくいくはずです。コンテンツがとても速く読み込まれている可能性がありますか？ – user1570634
私はそうは思わない。私は負荷のために2-3秒かかるコンポーネントでも試してみましたが、コンポーネントのタグの間に画像を挿入すると、スピナーを見ることができません。タグの外に置くと、もちろん、コンポーネントがロードされても消えません。 – FreshHaze