【问题标题】:I want to reach the last Slide of my Ion Slides Component when i navigate from a different page - Ionic 4当我从不同的页面导航时,我想到达 Ion Slides 组件的最后一张幻灯片 - Ionic 4
【发布时间】:2020-01-02 16:32:56
【问题描述】:

我有一个包含 5 张幻灯片的幻灯片页面。在第五张幻灯片上,我有我的“登录页面”。每当我从应用程序中注销时,我都希望被重定向到第五张幻灯片。

对于注销,我使用警报控制器向用户提供确认,如果他/她想注销。当用户单击是时,它会将用户重定向到幻灯片页面,但它会加载第一张幻灯片。我希望它转到我的第 5 张幻灯片,即我的登录页面。

警报控制器的按钮如下:

{

     text: 'Log Out',
            handler: () => { 
              this.globalService.setToken(null);
              this.navCtrl.navigateRoot('/welcomepage');
            }

},
{

           text: 'No',
            role: 'cancel',
            handler: () => {
            }
}

【问题讨论】:

    标签: ionic-framework angular7 ionic4 ion-slides


    【解决方案1】:

    将您的 alertController 代码更新为此

    {
    
     text: 'Log Out',
            handler: () => { 
              this.globalService.setToken(null);
              this.navCtrl.navigateRoot('/welcomepage');
    
              this.events.publish("eventOnSliderVisible", this.splashScreen);
            }},
    

    在您的滑块页面中,

    使用下面的代码将您的幻灯片组件移动到第 5 张幻灯片

    ionViewWillEnter() {
    this.events.subscribe("eventOnSliderVisible",handler => {
      this.slides.slideTo(5,10);
    });
    

    不要忘记在你的类构造函数中添加private events: Events

    文档:

    'slideTo': (index: number, speed?: number | undefined, runCallbacks?: boolean | undefined) => Promise;

    【讨论】:

    • 我试过了,事件的功能正常,我通过console.log检查了。但我无法在第 5 张幻灯片上获得它,并且出现如下错误 TypeError: Cannot read property 'slidesPerGroup' of undefined
    • 如果您共享滑块页面的代码以更好地识别问题会更好。但是,我在这里提供的解决方案现在正在生产中使用。
    猜你喜欢
    • 2020-09-14
    • 1970-01-01
    • 2021-06-18
    • 2019-08-29
    • 2018-11-09
    • 2019-08-10
    • 1970-01-01
    • 1970-01-01
    • 2023-01-15
    相关资源
    最近更新 更多