防止在Onsen UI中更改选项卡上的页面弹出

时间:2015-05-21 15:00:47

标签: cordova tabs onsen-ui

我刚刚开始使用Onsen UI,我从网站上下载了标签栏模板。标签栏模板有2" main"页面:时间轴和设置。

我已将一个子页面添加到"时间线"页面,我使用myNavigator.push(....)调用。

我的结构现在是这样的:

  • 时间轴

      

  •   
  • 设置
  •   
  我们现在假设我正在显示时间线>子页面:当我点击设置选项卡时,我很容易被带到设置页面。现在,从设置页面我想要返回上一页(时间轴堆栈中的子项),该链接将我带回到父页面(时间轴)。

我想保持活动在该堆栈中访问的最后一页,在我的情况下,子页面,有一个简单的方法吗?

对不起,也许有点乱,我希望你们能理解我的意思。

谢谢!

1 个答案:

答案 0 :(得分:2)

好的,从答案中找到,我在这里发布以供将来参考。

指南中的

:使用“持久性”属性:

<ons-tab active="true" page="home.html" persistent>
  <div class="tab">
    <ons-icon icon="ion-home" class="tab-icon"></ons-icon>
    <div class="tab-label">Home</div>
  </div>
</ons-tab>

<ons-tab page="settings.html" persistent>
  <div class="tab">
    <ons-icon icon="ion-gear-a" class="tab-icon"></ons-icon>
    <div class="tab-label">Settings</div>
  </div>
</ons-tab>