【问题标题】:What is the best approach to navigate between tabs IONIC 3在选项卡 IONIC 3 之间导航的最佳方法是什么
【发布时间】:2018-12-26 15:55:56
【问题描述】:

在同一页面中的选项卡 IONIC 3 之间导航的最佳方法是什么。

我有一个名为“任务”的页面,它有两个主要选项卡:

  • 我的任务
  • 所有任务

每个选项卡应返回与另一个不同的视图,那么当我在“任务”页面上时,在这些选项卡的视图之间切换的最佳方式是什么?

这是一张显示我拥有的图片

提前致谢

【问题讨论】:

  • 你可以使用<ion-segments>[ngSwitch]

标签: angular ionic-framework tabs navigation ionic3


【解决方案1】:

我认为 ion-segment 将满足您的要求。这是一个小例子,或者你可以参考documentation

<div class="bar bar-header bar-dark">

  <ion-segment ng-model="categories" full="true"  assertive>
  <ion-segment-button value="movies">
    Movies
  </ion-segment-button>
  <ion-segment-button value="series">
    Series
  </ion-segment-button>
  <ion-segment-button value="animation">
    Animate
  </ion-segment-button>

</ion-segment>
  </div>
<ion-content class="has-header">

  <div ng-switch="categories">

    <ion-list ng-switch-when="movies">
      <ion-item>
        Batman Begins
      </ion-item>
      <ion-item>
        Transporter
      </ion-item>
      <ion-item>
        Million Dollar Baby
      </ion-item>
    </ion-list>

    <ion-list ng-switch-when="series">
      <ion-item>
        Game of Thrones
      </ion-item>
      <ion-item>
        Daredevil
      </ion-item>
      <ion-item>
        Arrow
      </ion-item>
    </ion-list>
    <ion-list ng-switch-when="animation">
      <ion-item>
        Ice Age
      </ion-item>
      <ion-item>
        Lion King
      </ion-item>
      <ion-item>
        Up
      </ion-item>
    </ion-list>

  </div>
</ion-content>

【讨论】:

    猜你喜欢
    • 2012-09-07
    • 2021-06-30
    • 2018-08-21
    • 2010-10-24
    • 2018-11-15
    • 1970-01-01
    • 2015-01-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多