Angular2: Изменение мета тайтла страницы и роутер

Когда мы разрабатываем приложение — то даже тривиальные задачи на новых движках могут быть неоднозначны, поэтому продолжаем наши игры с ангуляром. Я люблю чтобы сайты были «цельными» и каждая кнопочка меняла вид и что-то реальное делала, ну а изменение заголовков страницы при переходе на новый раздел — это уже «правило этикета» много лет.

Наивный подход

В главном компоненте введем переменную, и будем ее менять — хорошо все, до момента когда пользователь входит не с главной страницы (т.е. например с контактов — а тайтл то не изменен с дефолтного, клика ведь не было)

Передача данных между контроллерами

В начале в дочернем контроллере определим что мы изменили тайтл (ну и что еще захотим подвязать под его открытие, например метазаголовок), а сделаем мы это через внешний сервис.

Внешний сервис — место хранения переменной (чтобы еще немножко полезного — сразу посмотрите на установку мета заголовка через Title из пакета ‘@angular/platform-browser’)

Главный компонент и подписка на изменения

Оставить комментарий

XHTML: Вы можете использовать такие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre lang="" line="" escaped="" cssfile="">