Question

我是这样的模特json：

[{
   "PropName":"disabled",
   "Value":"false"
},
{
   "PropName":"color",
   "Value":"primary"
},
{
   "PropName":"visible",
   "Value":"false"
}]

现在我需要将少量属性应用于按钮，在这种情况下，只有数据模型颜色主要的第二个元素。

<button md-raised-button color="primary"></Button>

PropName值应替换为颜色属性，而值<主值。

主要是我想动态应用一个或多个属性，形成一个带有属性名和值的元素json数组。有人能告诉我一个例子吗？

感谢

Answer 1

在逻辑上，您将创建对象并将其称为示例元素。

然后在模板中：

<button *ngFor="let element of elements" [color]="'primary': element.PropName == 'disabled'" [value]="element.Value" md-raised-button color="primary"></Button>

Answer 2

我解决了这个问题，但我不知道最好的做法是什么：

<button md-raised-button  [color]="getColorButton()">
    {{dati.Label}}
</button>

来自ts组件的

我从模型中搜索颜色属性并返回值 getColorButton（）：string { if（this.colore！= null）返回this.colore;

this.dati.Proprieta.forEach(element => {
  if (element.Nome=='color'){
    this.colore =  element.Valore;
  }

});
return this.colore;

}

Angular 2复杂属性绑定

2 个答案: