Невозможно отобразить стили, полученные из API, используя [ngStyle]

Question

У меня есть API, который возвращает следующее;

{
  titleBarBackgroundStyle: "background: #2c3e50"
}

Я хочу связать значение через встроенный стиль, например, так:

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

Но я получаю следующую ошибку:

Ошибка: невозможно найти отличающийся вспомогательный объект 'background: # 2c3e50'

Я, к сожалению, не могу изменить формат, отправляемый из API, поскольку он связан с устаревшим приложением.
Есть ли способ отобразить стили, нужно ли использовать регулярное выражение?

Answer 1

Используйте следующий код, вам нужно использовать следующий формат {ключ: значение}, ключ должен быть свойством css 'background-color', тогда в значение вы должны поместить значение возврата без свойства.

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