2017-08-15 15 views
0

私はこれはかなり簡単だと思ったが、私はそれを動作させる方法の手がかりを持っていない、私の最後の試行は、ボタンのタグのスタイル属性です、私は好きな時間と何ものためにWebを検索した。オブジェクトデータからスタイル属性値を設定するにはどうすればよいですか?

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

答えて

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

のようなもの
関連する問題