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

Question

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

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

至:

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

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

Answer 1

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