すべてのコンポーネントはいつロードされますか？

Question

私はいくつかの子供を持っているコンポーネントを持っている、彼らはまたいくつかの子供を持つ可能性があります。あなたが見ている内容に依存するので、私はすべての子供が積み込まれるかどうかは予測できません。達成したいのは、コンテンツが読み込まれている間に表示される読み込みインジケータです。しかし、私はすべてのコンポーネントのローディングインジケータを表示する必要はありません。なぜなら、10-15個のローディングインジケータが必要になるからです。

私の考えは、ルートの親がロードインジケータを表示し、すべての子が初期化されるとロードインジケータが消えることです。しかし、私はどのようにすべての子供たちがロードされていることを確認することができますか？ ngAfterViewInit()は私の質問のためのあなたのコメントによると、あなたは別のdiv内のdivとローダーにロードする内容を追加することができますAppComponent

Answer 1

子供がロードされます。状態に応じて非表示/表示することができます。

<div *ngIf="loaded"> Your content</div> 
<div *ngIf="!loaded"> Loader </div> 

そして、は、クラスでそれを割り当て、状態に応じてそれを変更することができます変数をロードしました。

• その子はそれに応じて使用すると、データがロードされたときが真として変数をロード割り当てることができ、あなたがAPIからデータを取得し、それを見せている場合は、およそngAfterViewInit()
• を考慮することができる表示している何か場合

最初に、をロードし、変数をfalseに割り当てます。

また、すべてのコンポーネントにローダーを追加する際の問題を考慮して、ローダーをルートコンポーネントに追加して、サービスを通じて状態（true/false）を変更することができます。次に、コンポーネントを介して状態を変更する必要があります。 また、ローダーまたはコンテンツを表示するかどうかにかかわらず、ルートコンポーネントから変数の値をサブスクライブします。 この部分が役に立ったと思っています。Component Interaction through a service

Answer 2

に呼び出されたときに