Угловое 2 Имущественный комплекс связывания

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

Я решил так, но я не знаю, если лучший pratics:

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

от Ts компонента I поиск свойства цвета от модели и возвращаемого значения getColorButton(): string { if (this.colore! = null) return this.colore;

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

}); 
return this.colore; 

}