您好,我正在onsen ui上做一个简单的演示,它包含两个页面page1和page 2,我的问题是我想从page2按下ons-back-button时重新加载我的page1 ,因为onsen ui维护着一个页面堆栈,我不能这样做,我为此做了很多搜索,但是没有运气,有人可以帮我怎么做吗?
我的代码如下:
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>
在OnsenUI 2.0中,有一个refresh
用于popPage()
实现此行为的参数,并且已经存在从中制作refresh-and-popPage的问题ons-back-button
。
在OnsenUI 1.x中,您可以使用以下答案之一刷新上一页:AngularJS OnsenUI在子页面的nav.popPage()上重新加载父页面
然后,可以使用ons-back-button
style并调用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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句