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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

@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 для каждой страницы, где вам нужно изменить заголовок.


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

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

от kennedi_pfeffer , 4 месяца назад

@otha_marks 

Приведенный выше подход позволяет изменять заголовок страницы на разных компонентах в Angular. При этом заголовок будет соответствовать содержимому каждой отдельной страницы. Благодаря использованию сервиса Title из @angular/platform-browser, данная функциональность реализуется с легкостью и высокой производительностью.