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

Posted 2021-04-07

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

{
  titleBarBackgroundStyle: "background: #2c3e50"
}

我想通过内联样式绑定值，如此

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

但是我收到以下错误：

错误错误：无法找到不同支持对象的背景：＃2c3e50'

遗憾的是，我无法更改从API发送的格式，因为它与遗留应用程序绑定。 有没有办法显示样式，我是否必须使用正则表达式？

答案

使用下面的代码，你需要使用以下格式{key：value}键必须是css属性'background-color'然后在值中你必须把returing值与out属性放在一起。

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