Angular8でのHttpClientを使った処理について

Question

Angular8でのHttpClientを使った処理について

Angular8のHttpClientを使ったくAPIの実行処理を実装しております。

APIの応答がかえってくるまで処理をコンポーネントを表示させたくないのですが、
そのような場合、どのように実装したらいいでしょうか？

Answer 1

resolverというものがありますのでそれを使うのが簡単でしょうか.

公式のドキュメントはこちらになります
https://angular.jp/guide/router#resolve-pre-fetching-component-data

簡単に言うとルーティングに対してresolverの設定すると
指定したresolverが解決してからルーティングが行われるようになります。
またresoleverが返却したデータはそのままルーター経由でコンポーネントで取得することも可能です。

この書き方の場合ルーティングに対してresolverの設定を行いますのでhttpClientからデータを取得するまでページ遷移が行われません。

ページ遷移は行いたいけど、該当箇所のコンポーネントを表示したくない場合はデータの取得が完了するまでngIfなどで該当のコンポーネントを消しておいたらいいと思います

Comments

[anchan]

ありがとうございます。