javascript - 使用 Angular 动态填充 Head 标签

标签 javascript angularjs meta angularjs-bindings

我想知道是否可以使用 Angular 动态更改某些 HEAD 标签的值。一个例子是这种转换:

<meta name="theme-color" content="#2F7DCA">

至:

<meta name="theme-color" content="{{ color }}">

这是理论,但我想知道是否有人尝试过并且有效,或者如果这不是方法,该怎么做。我现在无法测试它,但在开始编码之前我需要了解它。如果可以的话,我会很感激一些如何操作其他 HEAD 标签的例子。

最佳答案

您可以使用 ng-bind 属性来执行此操作(大括号可能会破坏页面首次加载时用于应用颜色的代码)。
看看这篇文章:How to dynamically change header based on AngularJS partial view?
他们将其用于标题,但您也可以将其用于 meta 标记。

关于javascript - 使用 Angular 动态填充 Head 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37882297/

相关文章:

javascript - Mobx 状态树发生更改后如何让模型/状态进行监听?

javascript - Node.js 范围错误

javascript - 减少 Nodejs 游戏的延迟

javascript - Meteor 和 AngularJS 之间的代码可移植性如何?

node.js - 我可以使用 karma 来测试拖放之类的页面交互吗?

javascript - 如何在 Protractor 中创建元素存在或不存在的条件

html - 如何设置初始比例元标签以适应 body 宽度?

C++ 为什么我的模板扩展导致编译器堆栈溢出?

视口(viewport)元标记删除错误

javascript - nodejs中REPL的使用