Angular 将如何<;离子返回按钮>;使用选项卡

Angular 将如何<;离子返回按钮>;使用选项卡,angular,ionic-framework,ionic4,Angular,Ionic Framework,Ionic4,您好,我想在我的爱奥尼亚5项目的所有页面中设置默认的后退按钮 它过去可以工作,但当我通过标签导航时,它不会显示按钮或工作。如果我使用css样式,它会显示按钮,但不会转到上一页 如果我放置了一个defaultHref=“/tablinks/home”,它将转到我放置的页面,但我希望它转到上一页,并在我的所有页面中使用它。有什么帮助吗 `<ion-buttons slot="start"> <ion-back-button defaultHref="

您好,我想在我的爱奥尼亚5项目的所有页面中设置默认的后退按钮

它过去可以工作,但当我通过标签导航时,它不会显示按钮或工作。如果我使用css样式,它会显示按钮,但不会转到上一页

如果我放置了一个
defaultHref=“/tablinks/home”
,它将转到我放置的页面,但我希望它转到上一页,并在我的所有页面中使用它。有什么帮助吗

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

使用带有选项卡的ion back按钮的工作方式与您预期的有点奇怪

假设您有3个选项卡:左选项卡、中选项卡和右选项卡。如果向所有选项卡实例添加“返回”按钮,则在这些选项卡之间切换时不会显示该按钮,因为每个选项卡都有自己的导航堆栈

您访问左边选项卡上的另一条路线,将其添加到堆栈中:离子返回按钮现在应该显示出来。如果现在更改为TAB MIDDLE(仍在根目录下),则由于当前位于根目录下的TAB MIDDLE导航堆栈,返回按钮将消失

返回到TAB LEFT,您当前在第二个视图中,back按钮将再次显示,如果您点击它,它将再次引导您到TAB LEFT的根

因此,您有3个独立的堆栈实例。正如您所说,defaultHref将使每个后退按钮返回到根目录下的固定路由。这不是任何人所期望的


如果你想使用混合导航,比如说,如果你从TAB LEFT开始,然后点击TAB MIDDLE,点击back按钮会返回到TAB LEFT,你必须使用自己的导航堆栈服务来实现这一点。

将ion back按钮与TAB一起使用有点奇怪

假设您有3个选项卡:左选项卡、中选项卡和右选项卡。如果向所有选项卡实例添加“返回”按钮,则在这些选项卡之间切换时不会显示该按钮,因为每个选项卡都有自己的导航堆栈

您访问左边选项卡上的另一条路线,将其添加到堆栈中:离子返回按钮现在应该显示出来。如果现在更改为TAB MIDDLE(仍在根目录下),则由于当前位于根目录下的TAB MIDDLE导航堆栈,返回按钮将消失

返回到TAB LEFT,您当前在第二个视图中,back按钮将再次显示,如果您点击它,它将再次引导您到TAB LEFT的根

因此,您有3个独立的堆栈实例。正如您所说,defaultHref将使每个后退按钮返回到根目录下的固定路由。这不是任何人所期望的


如果你想使用混合导航,比如说,如果你从TAB LEFT开始,然后点击TAB MIDDLE,点击back按钮会返回到TAB LEFT,你必须使用自己的导航堆栈服务来实现这一点。

这是有道理的-但我尝试在TAB按钮上添加一个自定义点击处理程序,执行特定的路径,但它仍然具有原始问题中解释的行为<代码>(单击)=“路由('/client/settings')”=>
此.router.navigateByUrl(路径)-它仍然没有将路线添加到导航堆栈中这是有意义的-但是我尝试在选项卡按钮上添加自定义单击处理程序,执行特定路线,但它仍然具有原始问题中解释的行为<代码>(单击)=“路由('/client/settings')”
=>
此.router.navigateByUrl(路径)-它仍然不会将路由添加到导航堆栈中