Отображать динамический заголовок при загрузке страницы

Question

Я новичок в Angular.У меня проблема с установленной динамикой при загрузке страницы.Я хочу, чтобы в заголовке страницы отображался заголовок, который я определил в маршрутизаторе при первой загрузке страницы вместо загруженного заголовка по умолчанию и установил заново.

Пожалуйста, посмотрите на изображение:

На картинке: я хочу показать «Мои продукты» вместо «AngularDynamicPageTitles» после нажатия на страницу обновления.Мы можем сделать это?Или это поведение Angular?Если мы сможем это сделать, пришлите мне пример кода.

Это мой пример кода репозитория на GitHub: Пример кода репозитория

Большое спасибо.

Answer 1

По умолчанию при загрузке углового приложения указывается заголовок, указанный в теге <title> на странице index.html;это происходит до тех пор, пока приложение angular не будет инициализировано, маршрутизация не завершена, а название не установлено в компоненте или услуге.

Если вы хотите, чтобы заголовок отображался быстрее, вы можете использовать angular universal для рендеринга на стороне сервера.,Идея состоит в том, что ваш угловой код выполняется на стороне сервера, поэтому, когда страница первоначально отображается, заголовок уже установлен правильно.

Это также будет полезно для SEO и других сканеров, если вы хотите, чтобы они виделиметаданные вашей страницы (заголовок, описание, ....) и контент

Answer 2

Попробуйте удалить текст заголовка из файла index.html
Но оставьте там теги

<title>AngularDynamicPageTitles</title>