[英]refresh previous page in onsen ui on back button
您好,我正在研究 onsen ui 并制作了一个简单的演示,它包含两个页面 page1 和 page2,我的问题是我想在按 page2 的ons-back-button时重新加载我的 page1,因为 onsen ui 维护一个页面堆栈,我不能这样做,我为此搜索了很多,但没有运气,任何人都可以帮助我如何做到这一点?
我的代码如下:
页面1.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>
在 OnsenUI 2.0 中有一个用于popPage()
的refresh
参数来实现此行为,并且已经存在从ons-back-button
生成 refresh-and-popPage的问题。
在 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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.