<ion-back-button> 尽管在导航堆栈 Ionic4 中有历史记录，但未显示答案

【问题标题】：<ion-back-button> not showing despite having history in navigation stack Ionic4<ion-back-button> 尽管在导航堆栈 Ionic4 中有历史记录，但未显示
【发布时间】：2020-05-06 14:11:25
【问题描述】：

我刚从 Ionic 开始，遇到一个非常基本的问题，即即使在导航堆栈中有历史记录之后，它也不会自动显示。

首先是我的 app.html

      <ion-header>
                                <ion-toolbar style="background-color: #1c443a"
                                     color="#1c443a">
                                <ion-buttons slot="start">
                                       <ion-back-button></ion-back-button>
                                </ion-buttons>
                                <ion-title>
                                </ion-title>
                        </ion-toolbar>
                </ion-header>
    <ion-content>
           <ion-router-outlet id="main-content" style="margin-top: 75px;"></ion-router-outlet>
    </ion-content>
<app-heu-ionic-menu-sidebar>
        </app-heu-ionic-menu-sidebar>

然后是侧边栏组件，其中我有一个列表，每个代表一个指向应用程序页面的链接。

     <ion-menu side="start" menuId="first" contentId="main-content">
  <ion-header>
  </ion-header>
  <ion-content>
    <ion-list id="pages-list">
      <ion-list-header>Pflege</ion-list-header>
      <ion-menu-toggle auto-hide="false" *ngFor="let p of pages; let i = index">
        <ion-item (click)="selectedIndex = i" routerDirection="forward" [routerLink]="[p.url]"
                  lines="none" detail="false" [class.selected]="selectedIndex == i">
          <ion-icon slot="start" [name]="p.icon"></ion-icon>
          <ion-label>{{ p.title }}</ion-label>
        </ion-item>
      </ion-menu-toggle>
    </ion-list>
  </ion-content>
</ion-menu>

现在单击任何会产生导航到某个特定页面的正确行为。然而从未显示。我尝试以编程方式弹出导航堆栈中的最新页面，它可以正常工作并将我带回，这意味着导航历史记录设置正确。

PS：这恰好是我在 Stackoverflow 上的第一个问题，欢迎评论格式化问题。此外，欢迎对我的 HTML 中超出问题范围的任何内容发表评论，因为我对 Ionic 还很陌生，希望得到任何提示！

【问题讨论】：

你应该在你的页面中使用你的ion-back-button。不在app.component。

标签： ionic-framework ionic4

【解决方案1】：

更改app.html应该是

<ion-app>

  <ion-header>
    <ion-toolbar style="background-color: #1c443a" color="#1c443a">
      <ion-buttons slot="start">
        <ion-back-button></ion-back-button>
      </ion-buttons>
      <ion-title>
      </ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content>
    <app-heu-ionic-menu-sidebar>
    </app-heu-ionic-menu-sidebar>
  </ion-content>
  <ion-router-outlet id="main-content" style="margin-top: 75px;"></ion-router-outlet>

</ion-app>

【讨论】：