在页面加载时显示动态标题

Question

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

请查看图片：

在图像中：单击刷新页面后，我想显示“我的产品”而不是“ AngularDynamicPageTitles”。我们可以做到吗？还是这是Angular的行为？如果可以的话，请将示例代码发送给我。

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

非常感谢。

Answer 1

尝试从index.html文件中删除标题文本
但是将标签留在

<title>AngularDynamicPageTitles</title>

Answer 2

默认情况下，加载有角度的应用程序时，标题是在<title>页的index.html标签中指定的标题；直到对角度应用进行初始化，完成路由并在组件或服务中设置标题为止。

如果您希望标题显示得更快，则可以使用angular universal进行服务器端渲染。这个想法是您在服务器端执行了角度代码，因此在最初呈现页面时，标题已经正确设置了。

如果您希望SEO和其他搜寻器查看页面的元数据（标题，描述，....）和内容，这也将非常有用