Angular Ionic后退按钮只有在我滑动指针后才能工作

Question

所以，基本上，我有这个简单的代码应该可以正常工作，但由于某种原因，我遇到了一个罕见的错误。

我有一个名为"；家；以及我用来导航到页面的侧菜单"；mysports"；。当它第一次加载页面时；mysports"；，它显示ion-back-button，但每当我尝试单击它时，它都不起作用。当我单击ion-back-button并将其向左滑动时，HTML将刷新，ion-back-button工作得非常好。

在我的html上，我有这样的代码：

<ion-header>
<ion-toolbar>
<ion-buttons>
<ion-back-button text="Back"></ion-back-button>
<ion-label>
<ion-title class="ion-text-center">spoRts</ion-title>
</ion-label>
</ion-buttons>
</ion-toolbar>
</ion-header>

<ion-content>

</ion-content>

除了这个我什么都没有。甚至连mysports.page.ts文件都没碰。

Answer 1

您可以尝试将"defaultHref＝"；your_route"在离子返回按钮标签内，如下所示：

<ion-buttons slot="start">
<ion-back-button defaultHref="contacts"></ion-back-button>
</ion-buttons>

我希望能帮助你，问候。

Answer 2

您的头的结构是错误的。当他不正确的时候，他会犯罕见的错误。您必须将其更改为以下内容：

<ion-header>
<ion-toolbar>
<ion-buttons slot="start">
<ion-back-button></ion-back-button>
</ion-buttons>
<ion-title>spoRts</ion-title>
</ion-toolbar>
</ion-header>

此外，如果你想更改后退按钮的文本，你可以在app.module.ts:上全局更改

IonicModule.forRoot({
backButtonText: 'Back',
backButtonIcon: 'arrow-back-outline',
}),