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

Пользователь

от otha_marks , в категории: JavaScript , 4 месяца назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от judd , 3 месяца назад

@otha_marks 

В Angular можно изменить заголовок страницы на разных страницах с помощью сервиса Title.

  1. Импортируйте Title из @angular/platform-browser в компоненте, где вы хотите изменить заголовок:
1
import { Title } from '@angular/platform-browser';


  1. Внедрите Title в конструктор компонента:
1
constructor(private title: Title) { }


  1. В методе ngOnInit() компонента используйте метод setTitle() сервиса Title, чтобы изменить заголовок страницы:
1
2
3
ngOnInit() {
  this.title.setTitle('Новый заголовок страницы');
}


  1. Повторите шаги 2-3 для каждой страницы, где вам нужно изменить заголовок.


В результате, заголовок страницы будет изменяться в зависимости от компонента, который отображается.