Question

这是我的HTML：

<ion-slides (ionSlideDidChange)="slideChanged($index)">
    <ion-slide *ngFor="let slide of slidesInf 
      (click)="toSlideDetail(slide)">
        <img style="height:200px;width: 100% " [attr.src]="slide.src"/>
        <div [style.background]='slide.styleBackgroundColor' 
         class="slidesShade">{{slide.title}}</div>
    </ion-slide>
</ion-slides>

这是我的：

import {Component} from '@angular/core'
import {NavController} from 'ionic-angular';
import {ViewChild} from '@angular/core';
import {Slides} from 'ionic-angular';
import {ArticalDetail} from "../articalDetail/articalDetail";

@Component({
  selector: 'page-category',
  templateUrl: 'category.html'
})
export class Category {
@ViewChild(Slides) slides: Slides;
constructor(public navCtrl: NavController) {
}

public items: {} = [];
public slidesInfo: {} = [];

ngAfterViewInit() {
 this.slides.autoplay = 2500;
 this.slides.loop = true;
 this.slides.speed = 350;
 this.slides.autoplayDisableOnInteraction=false;
 this.initItems();
 this.initSlides();
}

toSlideDetail(item){
  this.navCtrl.push(ArticalDetail, {id: item.id});
}

当我点击花药脚标签时，请返回此页面。我的幻灯片不起作用。我试图做这样的事情：

ionViewDidEnter() {
  this.slides.autoplay = 2500;
}

但它没有用。我该怎么办？

当我切换标签时，幻灯片自动播放不起作用。如何解决？

0 个答案: