Angularでヘッダータイトルを動的に変更したい

Question

AngularでURLに基づいてヘッダータイトルを変更したいのですが、どういったやり方があるでしょうか？

検索すると下記のような方法があるらしいのですが、これはtitleタグの部分の設定の話のようです。
https://angular.jp/guide/set-document-title
これではなく、コンポーネントとして作成したヘッダーのタイトルを変更したいと思っています。
なにかの方法を使ってURL変更を検知するServiceを作成してObservableをsubscribeする方法が正解なのでしょうか？

---

使用環境

• Angular CLI: 8.3.19
• Angular: 8.2.14

Comments

[miyabi_pudding]

ヘッダーのテンプレートと、制御のts、
それを読み込んでいる親コンポーネントの同じくテンプレートと、制御tsのソースコードを提示してください。

また、質問ですが、URLによって、処理を分ける方法はご存知、技術理解持っていますか？
それによっても回答範囲きまってくるかと思いますので。

Answer 1

どのようなアプリケーションなのかにもよると思いますが
最も簡単な方法はルーティングの際に静的データを渡してコンポーネントで取得する方法かなと思います。

ルーティングの設定
https://angular.jp/guide/router#%E8%A8%AD%E5%AE%9A

コンポーネントでの取得
https://angular.jp/guide/router#%E3%82%A2%E3%82%AF%E3%83%86%E3%82%A3%E3%83%96%E5%8C%96%E3%81%95%E3%82%8C%E3%81%9F%E3%83%AB%E3%83%BC%E3%83%88