Wie kann ich einfügen Seite in ionischem 3 Segment Layout

Question

This is my app with Tabs layout 

Sobald i Tab im Profil klicken ich eine Seite sagen Profile.ts drücke die Ionen Segment in seiner eigenen Vorlage enthält 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

Sie nicht in der Lage sein, eine ganze Seite bu anzuzeigen t Sie können eine Komponente einstellen. Dies liegt daran, dass eine bestimmte Seite nur einen ion-content Tag haben kann.

Sie müssen die Header-, Fußzeilen- und Content-Parent-Tags aus dem Profil entfernen. Sie können den Profilinhalt innerhalb von Profile.html haben. und dann in Ihrem Segment als untergeordnete Komponente verwenden:

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