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

标签 javascript html angularjs

我正在使用 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 标签不会改变。

请帮我解决这个问题。

最佳答案

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

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

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

关于javascript - 如何更改angularjs单页应用程序中的元标记内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32298342/

相关文章:

javascript - 使用 React 减少多个按钮的代码冗余

javascript - AngularJS 路由配置

html - 我可以使选择中的某些行无法单击吗?

angularjs - 任何 headless 浏览器的 Protractor ?

angularjs - 使用 AngularJS 和 Sitecore (SPA) 构建单页应用程序

javascript - 如何在JS中读取jsp(作为自定义HTML标签)onChange事件中打印的值

javascript - 意外的标记 { 语法错误

html - 如何使用ruby脚本填充html文件

javascript insideHTML 无法在 ASP.NET Web 表单中工作

angularjs - ng-table 和 ng-grid 哪个更好?