イオンスライドに画像が表示されない

Question

イオンと火災ベースを使用しています。私はイオンスライドでページを読み込もうとします。しばらく待っても画像が表示されません。私はimgタグで画像表示している場合たとえば、それは正常に動作します：

<div style="width:100%; height:150px;> 
    <img src={{data.image1}}> 
</div> 

をしかし、私は以下のようにイオンのスライド内の同じ方法を試したときにも、ページに滞在した後、画像を示しませんでした長い時間。それは私が戻って再びページに戻ったかどうかだけを示します。

<ion-slides class="slider" pager="true" paginationType="bullets"> 
    <ion-slide> 
      <img src="{{data.image1}}" (click)="expand_image(data.image1)"> 

    </ion-slide> 
    <ion-slide *ngIf='data.image2'> 
      <img src="{{data.image2}}" (click)="expand_image(data.image2)"> 
    </ion-slide> 

    <ion-slide *ngIf='data.image3'> 
      <img src="{{data.image3}}" (click)="expand_image(data.image3)"> 
    </ion-slide> 

    <ion-slide *ngIf='data.image4'> 
      <img src="{{data.image4}}" (click)="expand_image(data.image4)"> 
    </ion-slide> 

    <ion-slide *ngIf='data.image5'> 
      <img src="{{data.image5}}" (click)="expand_image(data.image5)"> 
    </ion-slide> 


    <ion-slide *ngIf='data.image6'> 
      <img src="{{data.image6}}" (click)="expand_image(data.image6)"> 
    </ion-slide> 

    <ion-slide *ngIf='data.image7'> 
      <img src="{{data.image7}}" (click)="expand_image(data.image7)"> 
    </ion-slide> 

    <ion-slide *ngIf='data.image8'> 
      <img src="{{data.image8}}" (click)="expand_image(data.image8)"> 
    </ion-slide> 

    <ion-slide *ngIf='data.image9'> 
      <img src="{{data.image9}}" (click)="expand_image(data.image9)"> 
    </ion-slide> 


    <ion-slide *ngIf='data.image10'> 
      <img src="{{data.image10}}" (click)="expand_image(data.image10)"> 
    </ion-slide> 


</ion-slides> 

Answer 1

you can try this 
    <ion-slide-box options="options" slider="data.slider" class="clubslide"> 
     <ion-slide style="color: white;"> 
      <img class="full-image" src="{{data.image1}}"> 
     </ion-slide> 
     <ion-slide style="color: white;"> 
      <img class="full-image" src="{{data.image2}}"> 
     </ion-slide> 
     <ion-slide style="color: white;"> 
      <img class="full-image" src="{{data.image3}}"> 
     </ion-slide> 
     </ion-slide-box>