Установка meta-тегов и title в Angular
Запись от 29.05.2017
В новом Angular (4.1 на данный момент) предусмотрено два класса для работы с мета-тегами и заголовком страницы.
Заголовку страницы посвящен небольшой раздел в документации — https://angular.io/docs/ts/latest/cookbook/set-document-title.html.
Если коротко, то заголовок устанавливается так:
Что касается мета-тегов, то упоминание о них можно найти только в API Reference — https://angular.io/docs/ts/latest/api/platform-browser/index/Meta-class.html, где указано, что они пока в экспериментальном режиме находятся. Хотя это и не мешает их использовать.
Заголовку страницы посвящен небольшой раздел в документации — https://angular.io/docs/ts/latest/cookbook/set-document-title.html.
Если коротко, то заголовок устанавливается так:
constructor(private titleService: Title) {}
setTitle() {
this.titleService.setTitle('Заголовок страницы');
}
Что касается мета-тегов, то упоминание о них можно найти только в API Reference — https://angular.io/docs/ts/latest/api/platform-browser/index/Meta-class.html, где указано, что они пока в экспериментальном режиме находятся. Хотя это и не мешает их использовать.
constructor(private meta: Meta) {}
setMeta() {
this.meta.addTags([
{
name: 'keywords',
content: 'ключевые, слова, страницы',
}, {
prop: 'description',
content: 'Описание страницы',
}
]);
}