ionic 4的自动播放滑块

Naz*_*ehs 2 ionic-framework angular

嗨,一直在尝试为 Ionic 4 实现自动滑动,但似乎不起作用……下面是代码

page.ts
=========
 @ViewChild(IonSlides) slider: IonSlides;
  options: {
    autoplay: true
  }
Run Code Online (Sandbox Code Playgroud)
HTML
========
     <ion-slides #IonSlides pager="true" [options]="options" (ionSlidesDidLoad)="stopSlideAutoplay()">
          <ion-slide>
             <ion-img src="assets/whitebg.svg"></ion-img>
            </ion-slide>
      
          <ion-slide>
              <ion-img src="assets/whitebg.svg"></ion-img>
          </ion-slide>
          </ion-slides>
Run Code Online (Sandbox Code Playgroud)

kes*_*ani 8

page.ts 文件:

import {IonSlides}          from '@ionic/angular';
import {ViewChild } from '@angular/core';

export class page implements OnInit {
    @ViewChild('mySlider') slider: IonSlides;
    sliderOpts = {
        autoplay: true,
        speed: 1000,
        zoom: {
          maxRatio: 5
        }
      };
    }
Run Code Online (Sandbox Code Playgroud)

page.html 文件:

 <ion-slides #mySlider pager="true" 
         [options]="sliderOpts" >
        <ion-slide></ion-slide>
   </ion-slides>
Run Code Online (Sandbox Code Playgroud)