ionic之$ionicHistory

$ionicHistory

  定义:当用户通过导航栏切换视图页面的时候,ionicHistory起到跟踪视图的作用,类似的浏览器的行为方式,一个ionic应用程序能够保持以前的视图,当前视图,和前视图(如果有一个)。然而,一个典型的Web浏览器只跟踪一个历史堆栈在一个线性的方式。不同于传统的浏览器环境中,应用程序和应用程序并行的独立的历史,如标签。如果一个用户在一个标签上浏览几页,然后切换到一个新的标签和回退,返回按钮与以前的标签,但到以前的页面访问在该标签。因为ionicHistory有利于并行历史架构

1 var historyData=$ionicHistory.viewHistory();

  返回该应用程序的视图历史数据,如所有的视图和历史记录,以及它们如何在导航堆栈中一起有序和链接的方式

2 var currentViewData=$ionicHistory.currentView()

  返回当前视图数据

3 var currentHistoryId = $ionicHistory.currentHistoryId()

  返回历史堆栈的标识,它是当前视图的父容器

4 var currentTitle = $ionicHistory.currentTitlt([val])

  返回当前视图的标题 或者是设置当前视图的标题

5 var backView = $ionicHistory.backView()

  返回当前视图的前一个视图

$ionicHistory.backView().stateName

  返回当前视图的前一个视图名

6 var backViewTitle = $ionicHistory.backViewTitle()

  返回当前视图的前一个视图的标题

7 var forwardView = $ionicHistory.forwardView()

  返回当前视图后一个视图数据 (如果有)

8 var currentStateName = $ionicHistory.currentStateName()

  返回当前视图的状态名称

9 $ionicHistory.goBack([backCount])

  导航到应用程序的返回视图(加入视图存在)backCount填写负数

10 $ionicHistory.removeBackView()

  移除当前视图的前一个视图,包括缓存元素和范围(如果它们存在的话)。

11 $ionicHistory.clearHistory()

  清除应用程序的整个历史,除了当前视图。

12.var promise = $ionicHistory.clearCache(stateIds)

  清除缓存,传入参数,stateIds是一个数组,清除缓存的列表

时间: 2024-11-16 12:11:53

ionic之$ionicHistory的相关文章

ionic框架对Android返回键的处理

在HybridApp移动跨平台开发中,android平台会遇到一些比较特殊并难以解决的问题,这些问题在原生应用开发中很easy, Android的返回键处理就是问题之一,假如我们要实现一个在很多App中都有的在主页按返回键弹出对话框提示用户退出应用的功能,在原生应用开发中是很容易的,只要在onKeyUp事件里面对返回键事件进行处理就可以了.按2次返回键退出应用的Java代码如下: private long exitTime = 0; @Override public boolean onKeyD

使用angularjs、ionic框架如何实现返回上一页并刷新

普通的js返回并刷新这里就不多说了,百度就有很多方法. 下面说的是使用了angularjs.ionic开发的一个手机app中使用的一个返回上一页并刷新的方法. 场景:回复的页面是单独的,点击保存回复后会回到上一个页面,此时上一个页面会显示出你新回复的内容 回复页面的controller的相关代码: $scope.save = function () { Replies.giveAReply($scope.reply); //保存回复 $ionicHistory.goBack(); //返回上一页

ionic使用的一些技巧

使用ionic总结: 1.全局禁用缓存的方法是:  $ionicConfigProvider.views.maxCache(0); 2. 在不同的用户输入场景下,需要显示不同的键盘模式以方便用户输入,如在输入邮件时键盘则显示邮件模式等,文本,数子等. <input type="number"> <input type="text"> <input type="emil"> 在 Ionic 中需要安装键盘插件控制

【原创】Ionic单页应用跳转外链,构造路由返回的解决办法及代码

在开发客户微信企业号的填单审批webApp的时候出现了一个问题: 单据是带有附件的,而且存在各种不同的格式,需要后台处理后给前台链接地址,点击预览,微信浏览器的特性就是只能存在一个浏览器窗口, 这导致了如果我们的webApp应用跳转到外链(比如百度,不在应用的路由中)之后,在点击微信浏览器的返回后,因为没有路由,导致的无法返回之前的路径. 解决思路: 1.在跳转外链之前,先将之前的state历史保存到localStorage   ==> 1 var storage = window. local

Ionic学习笔记4_ionic路由(页面切换)

1.1.  ionic路由机制: 状态 1.2.  ion-nav-view <body ng-controller="firstCtrl"> <a class="button" ui-sref="map">map</a> <a class="button" ui-sref="music">music</a> <a class="b

ionic/cordova即时通讯解决方案(上)

webAPP即时通讯解决方案一开始总是找一些web端的第三方,其实做移动端还是比较推荐使用插件引入原生的第三方比较好.当然也试过用WebSocket协议来做,之前尝试过但是在PC上完美实现,当时在移动机上出了些问题,但是开发任务紧张后来放弃了.这里本章简单介绍使用融云的cordova来实现即时通讯. 相关文档http://www.rongcloud.cn/docs/cordova.html 1,在融云官网注册一个开发者账号,创建应用获取AppKey,AppSecret 2,在自己项目中导入插件,

ionic路由(一)

学习要点:1. Ionic 中路由管理介绍2. ionic 中内联模板介绍3. i onic 路由机制: 状态4. 导航视图 : ion-nav-view5. 模板视图 : ion-view6. 导航栏 : ion-nav-bar7. 回退按钮 : ion-nav-back-button8. 视图特定按钮 : ion-nav-buttons9. 定制标题内容 : ion-nav-title10. 定制视图切换方式 : nav-transition11. 定制视图切换方向 : nav-direct

ionic路由(二)

4. 导航视图 : ion-nav-view在 ionic 里,我们使用 ion-nav-view 指令代替 AngularUI Route 中的 ui-view 指令,来进行模板的渲染:<ion-nav-view><!--模板内容将被插入此处--></ion-nav-view> 和 ui-view 一样,ion-nav-view 总是根据状态的变化,来提取对应的模板 并将其在 DOM 树中渲染.5.模板视图 : ion-view尽管在模板视图中可以随便写 HTML,但

Ionic app 通知在Moto 360 Watch上显示通知(2)

在前一篇文章中,我们已经将Wtach的环境测试成功,下面进入我们自己消息的接收. 1.安装JPush插件在我们的App中,这个具体步骤可以参考 Ionic 安装JPush过程 2.在App上的登录模块设置别名,因为我们的目标是,根据不同的账户发送不同的消息. .controller("LoginController",function ($scope, $state, AccountService, $rootScope, $stateParams, $ionicHistory, $i