如何在 ionic 3 段布局中插入页面答案

【问题标题】：How can i insert page in ionic 3 segment layout如何在 ionic 3 段布局中插入页面
【发布时间】：2018-07-15 21:59:37
【问题描述】：

This is my app with Tabs layout

单击配置文件选项卡后，我会推送一个页面，说 Profile.ts，其中在其自己的模板 Profile.html 中包含离子段

个人资料.html

<ion-content>
  <ion-segment [(ngModel)]="whichPage" color="primary">
  <ion-segment-button style="font-size: 11px" value="Personal">
    Personal
  </ion-segment-button>
</ion-segment>

<div [ngSwitch]="whichPage">
 <ion-list *ngSwitchCase="'Personal'">
 <ion-item>
   **HERE HOW CAN I DISPLAY ANOTHER PAGE WHICH I HAVE CREATED USING IONIC 
   GENERATE PAGE Personal**
 </ion-item>
</div>
</ion-content>

【问题讨论】：

你不能显示整个页面，但你可以设置一个组件

标签： angular ionic-framework ionic2 ionic3

【解决方案1】：

您将无法显示整个页面，但您可以设置一个组件。这是因为特定页面只能有一个ion-content 标签。

您必须从配置文件中删除页眉、页脚和内容父标签。您可以在Profile.html 中拥有个人资料内容。然后在您的细分中将其用作子组件：

<ion-list *ngSwitchCase="'Personal'">
 <ion-item>
   <PersonalComponent></PersonalComponent>
 </ion-item>
</ion-list>

【讨论】：

这工作正常，但 ionViewWillEnter、ionViewDidEnter 等页面事件不适用于组件。有什么解决办法吗？