刷新previous页上后退按钮温泉UI [英] refresh previous page in onsen ui on back button

问题描述

您好我工作的温泉UI，并取得了一个简单的演示，它包含两页第1页第2页，我的问题是，我想重装我的第一页时，我preSS 附件 - 后退按钮从第2页，作为温泉UI保持pagestack，我不能做到这一点，我搜索了很多这一点，但没有运气，任何人都可以请帮我如何做到这一点？

我的code是如下：

page1.html

 ＆LT;附件页NG控制器=listingController＆GT;。
。
。    ＆LT; /附件页＆GT;
 

page2.html

 ＆LT;附件页NG控制器=listingController＆GT;
    ＆LT; ONS-工具栏风格=背景：＃da1e3e;固定式＆GT;
        ＆LT; D​​IV CLASS =左＆GT;
            ＆LT; ONS-后退按钮＆GT;返回＆LT; / ONS-后退按钮＆GT;
        ＆LT; / DIV＆GT;
＆LT; / ONS-工具栏＆GT;
＆LT;附件页＆GT;
 

解决方案

在OnsenUI 2.0没有为 A 刷新参数popPage（）来实现这种行为，并且已经有一个问题进行刷新，并─从popPage 附件 - 后退按钮 。

在OnsenUI 1.x中，你可以刷新使用这些答案之一previous页：<一href=\"https://stackoverflow.com/questions/29470198/angularjs-onsenui-reload-parent-page-on-nav-poppage-in-child-page\">AngularJS OnsenUI儿童网页，nav.popPage（）重载父页

然后，您可以使用附件 - 后退按钮的风格，并致电popAndRefresh功能：

 ＆LT;风格＆GT;
  .ons回-button__icon {
    垂直对齐：首位;
    字体大小：36px;
    保证金左：8像素;
    保证金右：2px的;
    宽度：16px的;
    显示：inline-block的;
    填充顶：1px的;
  }
＆LT; /风格＆GT;＆LT; ONS-工具栏按钮类=工具栏按钮 - 安静的onclick =popAndRefresh（）＆GT;
  ＆LT; ONS-图标类=离子IOS箭头回ONS-背button__icon＆GT;＆LT; /附件图标＆GT;
  背部
＆LT; / ONS-工具栏按钮＆GT;
 

Hello i am working on onsen ui and have made a simple demo,it contains two pages page1 and page 2,my problem is i want to reload my page1 when i press ons-back-button from page2,as onsen ui maintains a pagestack,i cant do this,i searched a lot for this,but no luck,can anyone please help me how to do this?

my code is as below:

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>

解决方案

In OnsenUI 2.0 there is a refresh parameter for popPage() to achieve this behavior, and there is already an issue to make a refresh-and-popPage from ons-back-button.

In OnsenUI 1.x you can refresh the previous page using one of these answers: AngularJS OnsenUI reload parent page on nav.popPage() in child page

Then, you can use ons-back-button style and call your popAndRefresh function:

<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>

这篇关于刷新previous页上后退按钮温泉UI的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！