Ionic 3 - Page Navigation：是否可以声明组件部分？

Question

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

Answer 1

如果您使用 ionic 的样板代码，那么您可以更改 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