动态更改meta标签angularjs

时间:2016-04-04 19:19:36

标签: jquery angularjs meta-tags

我试图动态更改元标记content的{​​{1}}。

我有:

Keyword

我正在制作如下:

<meta name="keywords" content="">

我在meta关键字中显示了一个显示问题,但是当我查看源代码时,我看到内容仍然是空白的。

它解决了这个问题吗?

修改: 我不会再使用它了。我设法绕过了需要,并通过PHP包含这个元标记。谢谢你的帮助。

3 个答案:

答案 0 :(得分:0)

查看源代码仅显示最初下载的内容。它不会显示您通过Javascript进行的动态更改。如果要查看这些内容,可以查看DOM Inspector并查看当前的DOM层次结构。

仅供参考,由于<meta>标记通常是为了抓取工具(例如搜索引擎)而且很多搜索引擎都不会执行您的Javacscript,因此您可能会考虑更改<meta>标记Javascript实际上是在为你完成任何事情。

答案 1 :(得分:0)

这样做没有任何好处,因为搜索引擎会抓取被编入索引的静态页面。

如果由于某种原因必须这样做,你可以给这个元标记一个id并用jQuery做这样的事情:

<meta name="keywords" id="keywords" content="">
$('#keywords').attr('content', 'hello!');

答案 2 :(得分:0)

您只会在开发人员工具面板中看到更改,这是SPA的概念,angular不会更改html文件的代码,只能在JS运行实例。要使其适用于您的网站,您需要在Web服务器上使用预处理器。