PhoneGap中文网

标题: 关于路由中返回按钮的问题 [打印本页]

作者: jyxzfw 时间: 2016-1-17 10:42
标题: 关于路由中返回按钮的问题
我要实现tabs路由跳转的一个功能，且tab页面中有些按钮连接的路径不属于tab，如效果图中。这个功能在视频中有讲解。
news按钮连接的news.html页面正是我要打开的新页面。效果也是可以实现。
可是我是通过tab页面中的news按钮打开的news页面，所以在news页面中我要有一个像图2 ion-nav-bar 中一样的返回tab1的返回按钮。
没有按钮的原因我也知道：因为news按钮打开的news.html页面实在<ion-nav-view></ion-nav-view>中加载上去的，相当于跟tab1同级，所以没有。
那么我怎么样在news页面加一个返回tab1的按钮呢？news.html页面中怎么能给在index.html页面中的ion-nav-bar添加一个返回按钮呢？

yemian1.png (11.8 KB, 下载次数: 354)

tab1页面

yemian2.png (12.48 KB, 下载次数: 343)

tab1的子页面

yemian3.png (6.96 KB, 下载次数: 328)

点tab1中的news按钮连接的页面

daima1.png (15.18 KB, 下载次数: 339)

index.html

daima2.png (10.53 KB, 下载次数: 334)

news.html

daima3.png (10.01 KB, 下载次数: 352)

.config

作者: admin 时间: 2016-1-17 10:48
ion-view里面自己顶一个返回按钮

<ion-nav-buttons side="left" >
<a ng-click="$ionicGoBack()" class="button back-button buttons button-clear header-item">
<i class="icon ion-ios-arrow-back"></i>
返回
</a>
</ion-nav-buttons>

复制代码

作者: jyxzfw 时间: 2016-1-17 11:02

admin 发表于 2016-1-17 10:48
ion-view里面自己顶一个返回按钮

真是感动的内牛满面。$ionicGoBack()这么写可以吗？

$ionicGoBack = function(){
$window.history.back();
};

复制代码

作者: admin 时间: 2016-1-17 12:47
$ionicGoBack() 系统内置的，不用去管

作者: jyxzfw 时间: 2016-1-17 13:19

admin 发表于 2016-1-17 12:47
$ionicGoBack() 系统内置的，不用去管

这么给力！！太谢谢了

作者: bdqn_wanghaoyu 时间: 2016-1-28 16:39

admin 发表于 2016-1-17 10:48
ion-view里面自己顶一个返回按钮

加上手写的之后，会出现两个是什么原因？[iC:\Users\Administrator\Desktop\HK0%5BB%~X9VAUC)VYLW0D%5DOP.pngmg][/img]

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)