如何從對象數據設置樣式屬性值？

Question

我認爲這很容易，但我沒有線索如何使它工作，我最後一次嘗試是在按鈕標籤中的樣式屬性，我搜索了網絡的喜歡和小時，沒有作品。

<ion-header> 

    <ion-navbar color="danger"> 
    <ion-title>Cadenas</ion-title> 
    </ion-navbar> 

</ion-header> 


<ion-content container class="card-cadenasmercados"> 

    <button id="sucursal" 
      *ngFor="let cadena of cadenasCollection" 
      [navPush]="sucursalesPage" 
      [navParams]="cadena" 
      style:background='{{cadena.img}}'> 
    {{cadena.nombre}}</button> 

</ion-content> 

Answer 1

您可以使用ngStyle：https://angular.io/api/common/NgStyle

<button id="sucursal" 
      *ngFor="let cadena of cadenasCollection" 
      [navPush]="sucursalesPage" 
      [navParams]="cadena" 
      [ngStyle]="{'background': cadena.img}"> 
    {{cadena.nombre}}</button> 

這個假設cadena.img是一樣的東西 「URL（someimage.png）」