无法使用ionic2

时间:2016-08-22 13:29:03

标签: angular typescript tabs ionic2

我正在使用侧边菜单导航到我的标签页。

我正面临着myheader的问题。

我如何根据这里给出的图像作为img1使用ionic2中的tabs概念

enter image description here

我将代码用作

<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

一样

1 个答案:

答案 0 :(得分:0)

我看不到整个代码,但认为代码的问题在于您没有在标签视图中包含标题。请查看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>