javascript - 如何更改angularjs单页应用程序中的元标记内容？

Question

我正在使用 angularjs 开发一个单页应用程序。我想更改父页面的元标记的内容。

我使用以下代码来做到这一点。

document.getElementsByTagName("META")[5].content = "The title is here";
document.getElementsByTagName("META")[6].content = "This is the description";
document.getElementsByTagName("META")[7].content = document.getElementById("ImgResult").src;

这段代码正在运行，我在控制台中观察到了它。但如果查看页面源代码，meta 标签不会改变。

请帮我解决这个问题。

Answer 1

当您查看“源代码”时，您看到的是最初从服务器获取时的 html 文件。

因此，任何更改都永远不会反射(reflect)在那里。如果您改为“检查元素”，则会显示更新的内容。

例如，许多 Angular 应用程序使用 ui router 或 ng-router 来显示 View 。如果您在这些页面上查看“页面源代码”，您将只能看到将被 View 替换的元素，而看不到 View 中的任何实际 html。