你好,我在onsen ui上工作,已经做了一个简单的演示,它包含两个页面page1和page2,我的问题是我想重新加载我的page1,当我从page2按下ons back按钮时,由于onsen ui维护了一个pagestack,我不能这样做,我为此搜索了很多,但是没有运气,有谁能帮我怎么做?
我的代码如下:
第1页.html

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

.
.
.

    </ons-page>

第2页.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>

最佳答案

在OnsenUI 2.0中,refresh有一个popPage()参数来实现这个行为,并且已经有一个issue to make a refresh-and-popPage from ons-back-button
在OnsenUI 1.x中,您可以使用以下答案之一刷新上一页:AngularJS OnsenUI reload parent page on nav.popPage() in child page
然后,可以使用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>

关于javascript - 在后退按钮上的onsen ui中刷新上一页,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33750805/

10-13 04:04