离子3 - 页面导航：是否可以声明组件部分？

Question

我正在尝试了解Ionic 3导航和布局系统，这对我来说仍然不太清楚。所以我的问题是：是否可以将页面（ngx组件）放到另一页面的某个部分（见图片）。据我所知，导航管理器（NavController）将页面推送或弹出到堆栈上。但我想要的是将页面推送到另一页面的某个部分。例如，tabs-template使用这种方法。我的主要目标是将页面组件（如页眉，导航）保持在多个页面上！

Answer 1

如果您使用离子的样板代码，则可以更改app.html并在其中包含标题和导航（页脚）。

类似的东西：

<ion-header>
  <ion-navbar>
    <ion-title>{{currentPage.name}}</ion-title>
  </ion-navbar>
</ion-header>
<ion-nav [root]="currentPage"></ion-nav>
<ion-footer>
  <ion-toolbar>
    <ion-segment [(ngModel)]="currentPage">
      <ion-segment-button [value]="home">
        Home
      </ion-segment-button>
      <ion-segment-button [value]="about">
        About
      </ion-segment-button>
      <ion-segment-button [value]="contact">
        Contact
      </ion-segment-button>
    </ion-segment>
  </ion-toolbar>
</ion-footer>

您可以在此处查看实际运行的示例：https://stackblitz.com/edit/ionic-single-header-and-footer?file=app/app.html