无法使用[ngStyle]渲染从API接收的样式

Question

我有一个返回以下内容的API；

{
  titleBarBackgroundStyle: "background: #2c3e50"
}

我想像这样通过内联样式绑定值

<div [ngStyle]="client?.titleBarBackgroundStyle"></div>

但是我遇到以下错误：

  

错误错误：找不到其他支持对象'背景：＃2c3e50'

很遗憾，我无法更改从API发送的格式，因为它与旧版应用程序相关联。
有什么方法可以显示样式，我是否必须使用正则表达式？

Answer 1

使用以下代码，您需要使用以下格式{key：value}，密钥必须是css属性'background-color'，然后在值中必须将重现值与out属性一起放置。

<div [ngStyle]="{'background-color': client?.titleBarBackgroundStyle}"></<div>