Angular2设置元标题和描述答案

【问题标题】：Angular2 set meta title and descriptionAngular2设置元标题和描述
【发布时间】：2016-11-10 20:14:28
【问题描述】：

我创建了一个 angular2 网站，并在构建它时按照本教程所做的 http://blog.devcross.net/2016/03/20/angular-2-seo/ 设置元标题和描述。这似乎有效，浏览器中的标题实际更新正常。问题是，当我查看网站的源代码时，它仍然只向我显示驻留在主 index.html 文件中的 html 源代码，而不是更新的值。

当我使用 firebug lite 检查控制台中的源代码时，它会显示更新的元标题和描述。

我做错了什么或错过了什么？

【问题讨论】：

标签： angular

【解决方案1】：

由于Angular4-beta.0 存在Meta 服务

constructor(private meta:Meta) {
  meta.addTag({ name: 'description', content: 'your description' })
}

【讨论】：

【解决方案2】：

当您看到页面的源代码时，没有执行任何 javascript，因此您将无法看到 Angular 应用的更改。这很正常。基于此，您没有做错任何事情。

【讨论】：

感谢您的回复。我懂了。但是当这些页面被谷歌索引时，它们还会有那个元标题还是会有更新的标题？
Google 在执行任何代码（包括 JavaScript）后会查看您的页面。因此，它将读取正确的标题和任何其他元标记。 :-)
您始终可以使用 Google 网站管理员工具来确保这一点。