【问题标题】:ion-back-button back to page A from C skipping B - ionic 5ion-back-button 从 C 跳过 B 回到页面 A - ionic 5
【发布时间】:2020-07-18 20:52:15
【问题描述】:

这个后退按钮将我从页面 C 带到页面 B。但我希望它直接返回到 A。

A -> B -> C

实际返回:B

预期回报:A

在另一种情况下:我想把它从 C 带到另一个页面 X。

<ion-buttons slot="start">
  <ion-back-button defaultHref="home"></ion-back-button>
</ion-buttons>

【问题讨论】:

    标签: angular ionic-framework ionic5


    【解决方案1】:

    您可以像这样在组件中使用路由器的navigateByUrl 方法:

    import {Router} from '@angular/router';
    
    constructor(private router: Router) {}
    
    navigateBackToPageA() {
      this.router.navigateByUrl('/route_A');
    }
    

    【讨论】:

    • 如何使用 ion-back-button?
    • 嗨 Ali,您可以像这样附加方法:&lt;ion-back-button (click)="navigateBackToPageA()"&gt;&lt;ion-back-button&gt; 在该方法中,如果您不想在不将新状态推送到历史记录的情况下进行导航,您应该将我建议的行更改为: this.router.navigateByUrl('/route_A, { skipLocationChange: true })更多细节可以参考文档:angular.io/api/router/NavigationExtras
    • 您好 dev.doc,感谢您给我这个想法。我改用了 routerLink ,它在 ion-back-button 上运行良好。 :)
    • 很高兴知道您找到了答案。 :)
    猜你喜欢
    • 1970-01-01
    • 2019-06-08
    • 2016-07-09
    • 2020-09-30
    • 1970-01-01
    • 1970-01-01
    • 2017-02-09
    • 2018-03-13
    • 2019-07-20
    相关资源
    最近更新 更多