用inoic写单页面应用,有一个默认的返回按钮,可是点击到二级界面返回按钮却不出现,或者出现之后点击back按钮没有反应,不返回到上一级页面,三级界面点击返回按钮可以返回上一级,是因为在index.html 中定义按钮,二级页面和一级页面不是同一个<ion-nav-view></ion-nav-view>中,不能共享历史记录,导致返回上一级界面失效。这样我们需要在HTML文件中写以下代码:
<ion-nav-bar class="bar-positive" align-title="center" style="background-color:#ffc900;">
</ion-nav-bar>
但是,
不要写里面的back button 返回按钮,
要去每个需要返回按钮的html文件的顶部添加,具体代码如下:
<ion-view view-title="标题" class="align-title-center">
<ion-nav-buttons side="left">
<a href="javascript:history.back(-1)" class="button button-icon icon ion-ios-arrow-back" nav-direction="back"></a>
</ion-nav-buttons>
<ion-content>
相关内容......
</ion-content>
</ion-view>
页面显示结果如下:
End~