Как изменить заголовок layout на разных страницах в Angular?

Я работаю над учебным приложением. Столкнулся с такой проблемой. У меня есть layout, который содержит заголовок h2, который хотелось бы изменить на других страницах. Подскажите, как это можно сделать?

layout.component.html

<div class="page">
  <app-menu></app-menu>
  <div class="page__container">
    <div class="page__title">
      <h2 class="title">
        ЗАГОЛОВОК
      </h2>
    </div>
    <div class="page__content">
      <router-outlet></router-outlet>
    </div>
  </div>
</div>