만들기 이온 슬라이드

Question

내가 start.html 파일을 갖는 옵션 속성이의 필요가 수직으로 밀어 I 클래스 시작 페이지

<ion-slide [options]="option1" *ngFor="let slide of slides; let last = last"> 
    <img [src]="slide.image" class="slide-image"/> 
    <h2 class="slide-title" [innerHTML]="slide.title" style=""></h2> 
    <p [innerHTML]="slide.description"></p> 

    <div id="skip-b"> 
    <button (click)="dismiss()"> 
     {{last ? "Let's Begin" : "Skip" }} 
     <ion-icon name="arrow-forward"></ion-icon> 
    </button> 
    </div> 
</ion-slide> 

start.ts에 옵션 1에서 그들을 정의합니다 :

export class StartPage { 
    option1 = { 
     loop: true, 
     direction: 'vertical' 
    }; 
} 

Answer 1

docs에 표시된대로 ion-slides 구성 요소에 옵션을 추가해야합니다.

<ion-slides [options]="option1"> 
    <ion-slide *ngFor="let slide of slides; let last = last"> 
     <img [src]="slide.image" class="slide-image" /> 
     <h2 class="slide-title" [innerHTML]="slide.title" style=""></h2> 
     <p [innerHTML]="slide.description"></p> 

     <div id="skip-b"> 
      <button (click)="dismiss()"> 
     {{last ? "Let's Begin" : "Skip" }} 
     <ion-icon name="arrow-forward"></ion-icon> 
    </button> 
     </div> 
    </ion-slide> 
</ion-slides>