页面加载时显示动态标题

Display dynamic title while page loading

我是 Angular 的新手。我在页面加载时遇到动态设置问题。我希望页面标题在第一次加载页面时显示我在路由器中定义的标题,而不是加载默认标题并再次设置。

请看图:

图中:我想在点击刷新页面后显示 "My products" 而不是 "AngularDynamicPageTitles"。我们能做到吗?或者这是 Angular 的行为?如果我们可以做到,请将示例代码发给我。

这是我在 GitHub 上的存储库示例代码: Repository example code

非常感谢。

尝试从您的 index.html 文件中删除标题文本
但是把标签留在那里

<title>AngularDynamicPageTitles</title>

默认情况下,当加载 angular 应用程序时,标题是 index.html 页面中 <title> 标签中指定的标题;直到 angular 应用程序初始化、路由完成并在组件或服务中设置标题。

如果你想让你的标题显示得更快,那么你可以使用angular universal做服务器端渲染。这个想法是你 angular 代码在服务器端执行,所以当页面最初呈现时,标题已经正确设置。

如果您想让 SEO 和其他爬虫看到您页面的元数据(标题、描述......)和内容,这对 SEO 和其他爬虫也很有用