无法使用 ionic2 中的选项卡概念创建 header 和 subheader

Question

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

我遇到了 myheader 的问题。

如何使用 ionic2 中的标签概念根据此处作为 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

我看不到完整的代码，但我认为您的代码的问题在于您没有在选项卡视图中包含 header。请看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>

无法使用 ionic2 中的选项卡概念创建 header 和 subheader

unable to create header and subheader using tabs concept in ionic2

tabs

typescript

ionic2

angular