Angularアプリケーション全体でウェブAPI消費データを保存する

Question

私はangle cliを使用して新しい角度4プロジェクトを作成しました。現在のユーザーのWindowsユーザー名を返すメソッドを持つWeb APIに対話するようにセットアップしました。私は、ウィンドウズのユーザー名をアプリケーション全体でできるだけ少なくするためにAPIを呼びたいと思います。アプリケーションには多数のページがあり、ユーザーはアプリケーションにアクセスするたびに1つのページに移動する必要はありません。

質問ので、私は一度だけのWeb APIを呼び出すために、角のアプリケーション内でAPI呼び出しを行うのに最適な場所を必要としている

1. ？

2. Windowsのユーザー名を保存して、アプリケーション上で期限切れにならないようにするにはどうすればよいですか？

Answer 1

1. のWindowsからユーザー名を取得し、session storageに保存するサービスを使用してください。
2. ルートモジュールのプロバイダ配列にサービスを追加してグローバルに登録する
3. サービスを、ユーザー名を知る必要があるコンポーネントに注入します。
4. コンポーネントがservice.getUsername()を呼び出すと、メソッドはまずローカルストレージ内でそのコンポーネントを探してそこから返します。