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