离子滑块 onInit 从不触发
Ionic slider onInit never fires
我在幻灯片上使用最新的 ionic,我相信它使用了 Swiper。
我有这样的滑动选项:
{
initialSlide: 0,
speed: 400,
onInit: (slides: any) => {
console.log("SLIDE INIT",slides)
this.slider = slides
}
但是什么也没有发生,就好像 onInit 没有触发一样。我还根据 swiper 文档尝试了“init”,但也没有触发。
我想做的是将滑块设置为 this.slider,这样我以后就可以使用 api。
做类似的事情:
import { Component, OnInit, ViewChild, ElementRef, NgZone } from '@angular/core';
import { IonSlides } from '@ionic/angular';
export class YourClass implements OnInit {
@ViewChild('slides') slides: IonSlides;
console.log(this.slides); // Now you can access your slide in this.slides
}
在html中:
<ion-slides pager="true" [options]="sliderConfig" #slides>
...
</ion-slides>
我在幻灯片上使用最新的 ionic,我相信它使用了 Swiper。
我有这样的滑动选项:
{
initialSlide: 0,
speed: 400,
onInit: (slides: any) => {
console.log("SLIDE INIT",slides)
this.slider = slides
}
但是什么也没有发生,就好像 onInit 没有触发一样。我还根据 swiper 文档尝试了“init”,但也没有触发。
我想做的是将滑块设置为 this.slider,这样我以后就可以使用 api。
做类似的事情:
import { Component, OnInit, ViewChild, ElementRef, NgZone } from '@angular/core';
import { IonSlides } from '@ionic/angular';
export class YourClass implements OnInit {
@ViewChild('slides') slides: IonSlides;
console.log(this.slides); // Now you can access your slide in this.slides
}
在html中:
<ion-slides pager="true" [options]="sliderConfig" #slides>
...
</ion-slides>