离子4：如何使用routerLink设置导航方向（向后/向前）？

Question

Ionic 4现在使用Angular路由器。尽管它仍然拥有自己的NavControler，它可以通过NavigationBackward和NavigationForward方法来模拟推/弹出导航样式。

我认为，为了显示离子后退按钮，有必要使用NavigationForward和NavigationBackward。

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

但是使用routerLinks时，不会出现离子后退按钮。必须有一种使routerLink像推/弹出导航一样起作用的方法。

如何使用routerLinks模拟类似NavigationForward和NavigationBackward的事件？

Answer 1

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

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

有关如何在Ionic 4（包括routerLink）中管理导航的完整详细说明，请阅读Josh的非常详细的博客文章。