2017-06-19 71 views
0
This is my app with Tabs layout 

enter image description here我怎樣才能插入分頁離子3段佈局

一旦我點擊文件選項卡我推在頁面上說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> 
+1

您無法顯示整個頁面,但可以設置_component_ –

回答

3

你不會成爲能夠顯示整個頁面BU你可以設置一個組件。這是因爲特定頁面只能有一個ion-content標籤

您必須從配置文件中刪除頁眉,頁腳和內容父標記。 您可以擁有Profile.html以內的個人資料。然後在您的細分受衆羣中將其用作子組件:

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