angular - 如何将对象值绑定到 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>

但无法理解，为什么它没有改变我按钮的颜色。

有没有更好的方法来做到这一点？

标签： angularangular6