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

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