【问题标题】:ion-slides won't work before reloading the page离子幻灯片在重新加载页面之前不起作用
【发布时间】:2020-02-19 13:26:52
【问题描述】:

自从我将@ionic-native/... 模块更新为 5.21.5 和 @ionic/angular 更新为 5.0.0 后,我遇到了 ion-slide 的问题,因此我尽可能地将滑块向下剥离以找到问题,没有成功。

这是我的模板

<ion-slides
    [options]="slideOpts" 
    pager="true"
    (ionSlideDidChange)="updateSlideIndex()">

    <ion-slide>
      <h1>Slide 1</h1>
    </ion-slide>
    <ion-slide>
      <h1>Slide 2</h1>
    </ion-slide>
    <ion-slide>
      <h1>Slide 3</h1>
    </ion-slide>
</ion-slides>

还有 TS 部分:

  @ViewChild(IonSlides, { static: true }) slides: IonSlides;
  slideOpts = {
    effect: 'slide',
    speed: 1000,
    pager: true,
    initialSlide: 0,
  };

通过routerLink进入带有滑块的站点后,加载了滑块,但幻灯片效果不起作用(看起来只有一张幻灯片)并且缺少分页。

重新加载页面 (F5) 或返回并再次单击同一链接后,一切正常。

我现在必须降级吗?

【问题讨论】:

  • 你能详细说明问题是什么吗?我刚刚将我的应用程序升级到 v5,我经常使用 ion-slides,没有任何问题。你能解释一下什么是预期的,什么不适合你吗?你的意思是你只看到一张幻灯片?并期待几个或?

标签: angular ionic-framework


【解决方案1】:

降级回 Angular 8,为我解决了这个问题。

问题如下: @ionic-team/ionic/issues/20356

【讨论】:

    猜你喜欢
    • 2018-01-12
    • 1970-01-01
    • 1970-01-01
    • 2010-11-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-11-20
    • 2018-08-17
    相关资源
    最近更新 更多