覆盖ons back-button的目标

Question

我在我的移动应用程序中有一个页面，其中我有一个带有6个选项的细分控件。我希望用户能够单击这些选项中的任何一个并查看该内容。问题是，我不希望用户必须多次单击back按钮才能返回页面。是否有方法覆盖后退按钮将导航到的位置？我正在使用OnsenUI/

<div class="navigation-bar bar">
  <div class="navigation-bar__center">
      <div class="button-bar">
        <div class="button-bar__item">
            <input type="radio" name="navi-segment-a" checked>
            <div class="button-bar__button">
                <div class="animated fadeIn">1</div>
            </div>
        </div>
        <div class="button-bar__item">
            <input type="radio" name="navi-segment-a">
            <div class="button-bar__button">
                <div class="animated fadeIn">2</div>
            </div>
        </div>
        ...
      </div>
  </div>
 </div>

Answer 1

假设您使用的是版本2，以下文档将对您有所帮助：

https://onsen.io/v2/docs/js/ons.html#method-setDefaultDeviceBackButtonListener

通常是这样使用的：

ons.ready(function () {
    ons.disableDeviceBackButtonHandler();
    document.addEventListener('backbutton', function () {}, false);
});

您可以随意将您想要的代码或对导航函数的调用放入空函数中。

Answer 2

为什么不使用ons tab-bar(或者创建一些类似的东西)并改变它的样式来创建6段选项？

https://onsen.io/v2/docs/js/ons-tabbar.html