页面加载时显示动态标题
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 和其他爬虫也很有用
我是 Angular 的新手。我在页面加载时遇到动态设置问题。我希望页面标题在第一次加载页面时显示我在路由器中定义的标题,而不是加载默认标题并再次设置。
请看图:
图中:我想在点击刷新页面后显示 "My products" 而不是 "AngularDynamicPageTitles"。我们能做到吗?或者这是 Angular 的行为?如果我们可以做到,请将示例代码发给我。
这是我在 GitHub 上的存储库示例代码: Repository example code
非常感谢。
尝试从您的 index.html 文件中删除标题文本
但是把标签留在那里
<title>AngularDynamicPageTitles</title>
默认情况下,当加载 angular 应用程序时,标题是 index.html
页面中 <title>
标签中指定的标题;直到 angular 应用程序初始化、路由完成并在组件或服务中设置标题。
如果你想让你的标题显示得更快,那么你可以使用angular universal做服务器端渲染。这个想法是你 angular 代码在服务器端执行,所以当页面最初呈现时,标题已经正确设置。
如果您想让 SEO 和其他爬虫看到您页面的元数据(标题、描述......)和内容,这对 SEO 和其他爬虫也很有用