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

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

请看图片：

在图中：单击刷新页面后，我想显示“我的产品”而不是“AngularDynamicPagetTitles”。我们能做到吗？还是说这就是棱角的行为？如果我们能做到这一点，请给我发送示例代码

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

---

非常感谢。

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

<title>AngularDynamicPageTitles</title>

AngularDynamicPageTitles

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

<title>AngularDynamicPageTitles</title>

AngularDynamicPageTitles

默认情况下，加载angular应用程序时，标题是

index.html

页面中

标记中指定的标题；直到angular应用程序初始化、布线完成并在组件或服务中设置标题为止

如果希望标题显示得更快，则可以使用进行服务器端渲染。其思想是，代码在服务器端执行，因此当页面最初呈现时，标题已经正确设置

---

如果您想让SEO和其他爬虫查看页面的元数据（标题、描述等）和内容，这对它们也很有用。默认情况下，加载Angle应用程序时，标题是

index.html

页面中

标记中指定的标题；直到angular应用程序初始化、布线完成并在组件或服务中设置标题为止

如果希望标题显示得更快，则可以使用进行服务器端渲染。其思想是，代码在服务器端执行，因此当页面最初呈现时，标题已经正确设置

---

这对于SEO和其他爬虫程序也很有用，如果您想让他们看到您页面的元数据（标题、说明等）和内容

，直到您在导航到其中一条路线后手动设置标题，默认标题将包含在

index.html

的title tags.hi@David中，因此在加载页面时无法在路由器中设置标题？我发布了一个答案，说明了在导航到某条路线后手动设置标题之前，您可以如何操作，默认标题将包含在

index.html

的title tags.hi@David中，因此我们无法在加载页面时在路由器中设置标题？我发布了一个答案，解释了如果删除默认标题，您可以如何在I@Mathias中进行设置。第一次加载页面时，标题将为空。那么，对于这种情况，有另一种解决方案吗？关于“加载…”如何？这可能更像是一个浏览器问题，而不是角度问题。除了开发人员，可能没有人会注意到它是空白的。你可以看到上面的图片。当我点击刷新时，它正在加载页面。此时，将显示默认标题。如果我们删除它，浏览器选项卡中的标题将为空。我只想显示路由器中定义的标题，而不是默认标题或空白。由于angular是一个单页应用程序（SPA），浏览器将只加载该页面的标题，直到您更改它为止。也许只需将应用程序的实际标题放在其中，直到可以加载真正的标题。hi@Mathias，如果删除默认标题。第一次加载页面时，标题将为空。那么，对于这种情况，有另一种解决方案吗？关于“加载…”如何？这可能更像是一个浏览器问题，而不是角度问题。除了开发人员，可能没有人会注意到它是空白的。你可以看到上面的图片。当我点击刷新时，它正在加载页面。此时，将显示默认标题。如果我们删除它，浏览器选项卡中的标题将为空。我只想显示路由器中定义的标题，而不是默认标题或空白。由于angular是一个单页应用程序（SPA），浏览器将只加载该页面的标题，直到您更改它为止。也许只需将应用程序的真正倾斜部分放在那里，直到可以加载真正的倾斜部分。