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

Question

我认为这很简单，但我不知道如何使它工作，我最后一次尝试是按钮标签中的style属性，我在网上搜索了类似的小时和没有的工作原理。

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