ionic3 ion-slide在第二次尝试时不会转到下一张幻灯片

时间:2018-08-10 07:31:48

标签: angular typescript ionic-framework ionic3 angular5

我的离子滑模工作正常:

首先,我锁定幻灯片,直到用户回答问题为止。然后单击下一步按钮以解锁滑动以转到下一张幻灯片(问题)等...

这可以正常工作,但是当我仍在第一张幻灯片或任何幻灯片中时关闭模态并再次打开模态时,第一张幻灯片正常显示,但是当用户单击下一张幻灯片时,不会出现直到我调整窗口大小或横向放置或从手机窗口移到普通浏览器窗口时显示。

有人知道是什么问题吗?

  

ionic cli:4.0.2

     

离子角:3.9.2

     

角核:5.0.0

一些代码:也许会有所帮助:

ngAfterViewInit() {
  this.assessSlides.autoHeight = true;
}

ngAfterContentInit() {
  this.assessSlides._rtl = true;
  this.correctAnswersCount = 0;
  this.assessSlides.lockSwipes(true);
}

moveToTheNextQuestion() {
  if (!this.assessSlides.isEnd()) {
    this.assessSlides.lockSwipes(false);
    this.assessSlides.slideNext();
    this.assessSlides.lockSwipes(true);
  }
}

1 个答案:

答案 0 :(得分:0)

我找到了这个解决方案:

  ngAfterViewInit() {
    setTimeout(
      ()=>{
        if(this.assessSlides){
          this.assessSlides.update();
        }
      },300
    );
  }