如何在像angular这样的应用程序中更新主题颜色

如何使用angular 4应用程序动态更新head标记内的主题颜色

<meta name="theme-color" content="#db5945">

编辑： Debmallya Bhattacharya提出的更好的解决方案：

使用：

旧答案： 我只需为此创建一个服务，并执行一些javascript（）：

---

您不能使用angular提供的元服务吗@我更新了我的答案，谢谢你的建议。

this.meta.updateTag({ content: color }, 'name=theme-color');

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class MetaColorService {
  changeThemeColor(color: string) {
    const metaThemeColor = document
    .querySelector("meta[name=theme-color]");
    metaThemeColor.setAttribute("content", color);
  }
}