Как привязать значение объекта к ngStyle?

Question

Я пытаюсь изменить цвет кнопки, используя ngStyle, и массив объектов возвращается со стороны моего сервера.С моего сервера я получаю массив объектов

{
  id: 1,
  name: "User 1",
  designation: "Software Developer",
  isActive: "Yes",
  IsActiveStyle: "blue"
},
{
  id: 2,
  name: "User 2",
  designation: "Software Developer",
  isActive: "Yes",
  IsActiveStyle: "blue"
},
{
  id: 3,
  name: "User 3",
  designation: "Software Tester",
  isActive: "No",
  IsActiveStyle: "red"
},
{
  id: 4,
  name: "User 4",
  designation: "Tester",
  isActive: "Yes",
  IsActiveStyle: "blue"
}

Я пытаюсь привязать мои IsActiveStyle к ngStyle с помощью следующего кода

<button [ngStyle]="{'background-color':item.IsActiveStyle}">{{item.isActive}}</button>

, но не могуПонимаете, почему это не меняет цвет моей кнопки.

Есть ли лучший способ сделать это?