Android 角度6-有条件地更改HTML标头中元素的属性

我最近发现，你可以在Android上通过把这个放在HTML标题中来改变Chromes标题

<meta name="theme-color" content="#1ee078">

这很好用。但是我希望

内容

颜色基于当前主题是动态的

---

如果将当前主题颜色作为变量（例如，

AppComponent

）中的一个变量，您将如何使此

meta

标记的颜色成为动态的？

您可以尝试此选项。根据您的页面，它可能会起作用。：）

---

在Angular中有一个用于编辑标记的内置API<代码>@angular/platform browser/meta

您可以使用该函数

你应该能够做一些事情，比如

从“@angular/platform browser”导入{Meta}；
建造师(
私有元：元
) { }
恩戈尼尼特（）{
this.meta.updateTag（{
名称：'主题颜色'，
内容：“#1ee078”
});
}

我不熟悉API。但这似乎很有趣。

var meta=document.createElement('meta');
meta.name='theme-color';

meta.setAttribute('content', '#1ee078');

document.getElementsByTagName('head')[0].appendChild(meta);