Angular 如何使用离子';有单击事件的路由方向?

Angular 如何使用离子';有单击事件的路由方向?,angular,ionic-framework,ionic4,Angular,Ionic Framework,Ionic4,当从一个页面路由到另一个页面时,首先使用的技术是routerLink+routerDirection。在第一段代码(#1)中,我们从一页转到下一页,方向为向前。当我们想回到原始页面时,在第二段代码(#2)中,我们必须以路由器的状态传递数据。因此,我们使用click事件来处理路由 单击事件的第二次导航出现问题。我们无法触发routerDirection以使用back动画。页面正在向前移动(请参见下面的示例#3) 有没有办法通过路由方向+单击事件触发返回动画 Angular NavigationEx

当从一个页面路由到另一个页面时,首先使用的技术是routerLink+routerDirection。在第一段代码(#1)中,我们从一页转到下一页,方向为向前。当我们想回到原始页面时,在第二段代码(#2)中,我们必须以路由器的状态传递数据。因此,我们使用
click
事件来处理路由

单击事件的第二次导航出现问题。我们无法触发routerDirection以使用
back
动画。页面正在向前移动(请参见下面的示例#3)

有没有办法通过路由方向+单击事件触发
返回
动画

Angular NavigationExtras没有提供这一点,因为我在这里查看了文档:

#1 |使用routerLink路由到页面


#2 |使用点击事件返回


goToChat(){
this.router.navigateByUrl('/chat/'+this.chatID{
声明:{
// ...
},
});
}
#3|实时设备


您可以使用NavController的
navigateBack()
功能实现这一点,该功能在引擎盖下使用
router.navigateByUrl()
。然后,您的
goToChat()
函数将如下所示:

goToChat() {
  this.navController.navigateBack('/chat/' + this.chatID, {
    state: {
      // ...
    },
  });
}

我的印象是NavController与Ionic 4一样不受欢迎。正如链接中所引用的:“如果从Ionic 3迁移,请注意一些熟悉的Ionic导航元素在版本4中已被弃用。在它们工作时,不建议使用
NavController
ion nav