时间戳

首页 > 解决方案 > 角度 5 背景图像不绑定某些 android 设备？

angular - 角度 5 背景图像不绑定某些 android 设备？

问题描述

我正在使用ionic3和angular5背景图像未绑定在某些 android 设备上。我尝试了以下技术来绑定背景图像。

   <!-- Solution 1 -->
  <ion-slides #bannerSlider *ngIf="banners.length">
      <ion-slide *ngFor="let banner of banners"
                [ngStyle]="{'background-image' : 'url(' + banner.banner_image?.url + ')'}">
      </ion-slide>
    </ion-slides>

 <!-- Solution 2 -->
  <ion-slides #bannerSlider *ngIf="banners.length">
      <ion-slide *ngFor="let banner of banners"
                [style.background-image]="'url(' + banner.banner_image?.url+ ')'">
      </ion-slide>
    </ion-slides>

标签： angularionic3angular5background-image

解决方案

尝试这个：

<ion-slides #bannerSlider *ngIf="banners.length">
  <ion-slide *ngFor="let banner of banners"
            [style.background]="'url(' + banner.banner_image?.url+ ')'">
  </ion-slide>
</ion-slides>

推荐阅读