ION Slides zeigt keine Bilder

Question

I ionische und Feuerbasis verwenden. Wenn ich versuche, eine Seite mit Ionenfolien zu laden. Das Bild wird nicht angezeigt, selbst nach einer Wartezeit. Zum Beispiel Es funktioniert gut, wenn ich das Bild in einem img-Tag zeigen:

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

Aber wenn ich die gleiche Art und Weise innerhalb Ionen gleitet wie unten versucht, hat es nicht das Bild zeigen auch nach einer auf der Seite bleiben lange Zeit. Es zeigt nur, wenn ich zurück gehe und wieder auf die Seite komme.

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