在后退按钮上刷新温泉 ui 的上一页

Question

你好，我正在做温泉 ui 并做了一个简单的演示，它包含两个页面 page1 和 page 2，我的问题是我想在按下 ons 时重新加载我的 page1 -page2 的后退按钮 ，因为 onsen ui 维护着一个 pagestack，我不能这样做，我为此搜索了很多，但没有运气，任何人都可以帮助我如何做到这一点？

我的代码如下：

page1.html

    <ons-page ng-controller="listingController">

.
.
.

    </ons-page>

page2.html

<ons-page ng-controller="listingController">
    <ons-toolbar style="background: #da1e3e;" fixed-style>
        <div class="left">
            <ons-back-button >Back</ons-back-button>
        </div>
</ons-toolbar>
<ons-page>

Answer 1

在 OnsenUI 2.0 中，popPage() 有一个 refresh 参数来实现此行为，并且已经有一个 issue to make a refresh-and-popPage from ons-back-button.

在 OnsenUI 中 1.x 您可以使用以下答案之一刷新上一页：

然后，您可以使用 ons-back-button 样式并调用 popAndRefresh 函数：

<style>
  .ons-back-button__icon {
    vertical-align: top;
    font-size: 36px;
    margin-left: 8px;
    margin-right: 2px;
    width: 16px;
    display: inline-block;
    padding-top: 1px;
  }
</style>

<ons-toolbar-button class="toolbar-button--quiet" onclick="popAndRefresh()">
  <ons-icon class="ion-ios-arrow-back ons-back-button__icon"></ons-icon>
  Back
</ons-toolbar-button>

在后退按钮上刷新温泉 ui 的上一页

refresh previous page in onsen ui on back button

html

javascript

jquery

angularjs

onsen-ui