javascript - 如何从对象数据中设置样式属性值？

我以为这很容易，但是我对如何使其工作一无所知，我的最后一次尝试是在button标记中的style属性上，我已经在网上搜索了like和hour，但没有任何效果。

<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>

最佳答案

您可以使用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）”