angular-ui-router - ionic 4 : How to set navigation direction (backward/forward) using routerLink?

Question

Ionic 4 现在使用 Angular 路由器。尽管它仍然有自己的 NavControler，它有助于通过navigateBackward 和navigateForward 方法模拟推送/弹出导航样式。

因此，显示 ion-back-button 有必要使用 navigateForward 和 navigateBackward，我认为。

在我的应用程序中，我更喜欢使用 routerLinks 来导航(以便用户可以在另一个选项卡中打开页面)而不是 navController。

但是使用 routerLinks 不会出现 ionic 后退按钮。必须有一种方法可以让 routerLinks 像推送/弹出导航一样工作。

我如何使用routerLinks模拟navigateForward和navigateBackward之类的事件？

Answer 1

您可以在 View 元素上使用属性 routerDirection。
例如

  <ion-button [routerLink]="['/details']" routerDirection="forward" >
    Go forward
  </ion-button>

有关如何在 Ionic 4 中管理导航(包括 routerLink)的完整详细说明，您应该阅读 Josh's very detailed blog post