ionic2のタブコンセプトを使用してヘッダーとサブヘッダーを作成できません

Question

私はサイドメニューを使用して自分のタブページに移動しています。

私はmyheaderに関する問題に直面しています。

私はionic2

enter image description here

にIMG1使用して、タブのコンセプトとして、ここで与えられた画像に基づいて、私はアウトを取得しています。このコードの後

<ion-content> 

    <ion-tabs tabsPlacement="top" primary> 
     <ion-tab [root]="tab1Root" tabTitle="PROFILE"></ion-tab> 
     <ion-tab [root]="tab2Root" tabTitle="ORDERS"></ion-tab> 
     <ion-tab [root]="tab3Root" tabTitle="PASSWORD"></ion-tab> 
    </ion-tabs> 


</ion-content> 

などのコードを使用取得するにはどうすればよいです以下のようにimage

Answer 1

私はコード全体を見ることはできませんが、あなたのコードの問題はあなたが含まれていないことだと思いますタブビューでヘッダーを移動します。 this plunkerをご覧ください。

あなたがそこに見ることができるように、あなたはあなたのビューで、このコードでその設計を実現することができます

<ion-header> 
    <ion-navbar primary> 
    <ion-title> 
     My Account 
    </ion-title> 
    </ion-navbar> 
</ion-header> 
<ion-tabs #myTabs primary> 
    <ion-tab [root]="tab1Root" tabTitle="Profile"></ion-tab> 
    <ion-tab [root]="tab2Root" tabTitle="Orders"></ion-tab> 
    <ion-tab [root]="tab3Root" tabTitle="Password"></ion-tab> 
</ion-tabs>