PhoneGap中文网

 找回密码
 立即注册
查看: 21922|回复: 2

ionic 怎么去掉路由默认返回按钮,ionic去掉导航返回

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
发表于 2015-9-27 15:05:43 | 显示全部楼层 |阅读模式
ionic 怎么去掉路由默认返回按钮? ionic怎样多次导航之后返回之前的view?


在ionic中默认情况下面一个 view到另一个view的时候是有返回按钮的,但是一些特殊情况下面我们需要去掉顶部默认的路由返回按钮



还有一种情况:

当我导航view之后,再使用$location.path("/path/origin")方法重新定位到初始页面,在深入进入其他的view之后使用这个方法就遇到了问题。

  假设这个设置页面为viewA,如果只从viewA-》viewB,那么使用$location.path(’viewA‘)方法重新定位回viewA就没问什么问题。但是如果从viewA-》viewB-》viewC,在viewC重新返回到viewA $location.path('viewA'),viewA左上角的图标就不在是其本来的功能按钮,变成了如下第二图的左箭头。




1.png        2.png



  造成这问题是因为web浏览器只跟踪一个历史浏览记录,而app和webapp需要并行独立的历史记录,例如上面说的viewB和viewC,我们需要这两个视图前一个视图记录都是viewA。

第一种方法:让viewC忘记它自己的踪迹,在viewC的controller中加入下面代码


一定要注意 controller一定要依赖注入
$ionicHistory 服务

  1. $ionicHistory.nextViewOptions({
  2.   disableBack: true
  3. });
复制代码

这样的话 我们再从一个页面跳转到另 一个页面的时候就没有顶部的返回了

如果我们的页面可能来回跳转多次,
那么我们可以把这个代码加在

$ionicView.beforeEnter里面                  


  1. $scope.$on('$ionicView.beforeEnter', function() {

  2.          if(Storage.get(storageKey)&&Storage.get(storageKey).username!='') {

  3.              $ionicHistory.nextViewOptions({
  4.                  disableBack: true
  5.              });
  6.              //  $scope.userInfo=Storage.get(storageKey);
  7.             $state.go('tab.user');
  8.          }
  9.      });
复制代码











it营
回复

使用道具 举报

3

主题

13

帖子

87

积分

注册会员

Rank: 2

积分
87
发表于 2015-10-14 15:43:19 | 显示全部楼层
Storage.get(storageKey)里面的storageKey应该填什么呢?
it营
回复 支持 反对

使用道具 举报

52

主题

528

帖子

1652

积分

金牌会员

Rank: 6Rank: 6

积分
1652
发表于 2015-10-19 13:33:02 | 显示全部楼层
lao__fangzi 发表于 2015-10-14 15:43
Storage.get(storageKey)里面的storageKey应该填什么呢?

storageKey 这个是随意定义的   但是一定不能和你定义的其他的重复
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-4-19 05:43 , Processed in 0.042637 second(s), 30 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表