如何在离子3段布局中插入页面？

Question

This is my app with Tabs layout

​

​

一旦我点击配置文件选项卡，我就推一个页面，比如Profile.ts，它在自己的模板Profile.html中包含了离子段。

Profile.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>

Answer 1

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

您必须从配置文件中移除页眉、页脚和内容父标记。您可以在Profile.html中获得配置文件内容。然后将其作为子组件在您的段中使用：

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