有人可能知道ionic的$ionicHistory是有一个清空缓存的命令的,命令如下:
clearHistory()
Clears out the app’s entire history, except for the current view.
但是此命令然并卵,所以我又看了一下API和源码发现了如下方法:
clearCache()
Removes all cached views within every ionNavView
. This both removes the view element from the DOM, and destroy it’s scope.
- Returns: promise
/** * @ngdoc method * @name $ionicHistory#clearCache * @return promise * @description Removes all cached views within every {@link ionic.directive:ionNavView}. * This both removes the view element from the DOM, and destroy it's scope. */ clearCache: function(stateIds) { return $timeout(function() { $ionicNavViewDelegate._instances.forEach(function(instance) { instance.clearCache(stateIds); }); }); },
API地址:http://ionicframework.com/docs/api/service/$ionicHistory/
源码地址:https://github.com/driftyco/ionic/blob/master/js/angular/service/history.js#L1
然后写了如下代码去清空页面缓存:
var views = $ionicHistory.viewHistory().views; var stateIds = []; for(var id in views){ stateIds.push(views[id].stateId); } $ionicHistory.clearCache(stateIds).then(function(){ $location.path('/login');//设置路由地址 })
相关推荐
本案例是结合ionic3与angular4来开发的移动端登录注销页的实现,其中包含了对应功能效果的实现以及对tabs栏的显示与否一些处理介绍。
ionic capacitor调用原生本地代码 切换页面
Ionic创建页面以及页面之间跳转、页面添加返回按钮、新增底部页面示例代码
基于ionic tabs模板应用修改而来 更符合实际业务需求
离子缓存服务,可以缓存几乎所有内容。 它缓存请求,可观察,承诺和经典数据。 它使用因此我们按此顺序支持IndexedDB,SQLite(Cordova),WebSQL。 可以在Angular 2应用程序中单独使用它。 主要特点: 请求缓存 ...
如何处理Ionic APP 启动时白屏,
ionic电影购票系统注册登录功能的实现。
基于ionic3 ng5 构建一个具有 45 个页面的大型单页面应用 借鉴了@bailicangdu vue-elm项目,已征得其本人同意,后台使用@bailicangdu大大开源的项目
IonicLab 官方下载地址被墙了。
IONIC 功能全演示 ===================== - 使用Ionic提供的UI 组件。Ionic本身是致力于建立...- 出于演示登录的权限控制,在app.js 内使用了 通常用于单元测试的$httpBackend,会拦截所有http请求,开发时需要移除.
在网上找了很长时间,但找到的ionic登陆页login跳转到tabs的方法在ionic4上基本都无效,后来终于找到了解决这个问题的办法,简单易行,前两天发表了一篇ionic4和ionic5创建login登陆页跳转到tabs方法的博客,现在写...
找到刚刚安在本地的项目wechat_restaurant文件夹,删除除了node_modules文件夹以外的所有文件,复制从这里下载的所有文件到项目wechat_restaurant中 finally(最后): $ npm install $ npm install jquery $ ionic ...
ionic3仿京东商城源码,非常好用的ionic3学习参考资料。
可以快速开发移动APP、移动WEB页面、微信公众平台应用,混合APP WEB页面。 2.1.2 Ionic和cordova、Angular关系 Ionic = cordova + Angular + ionic Css Ionic 是完全基于谷歌的 Angular 框架,在 Angular 基础...
ionic 5 best practices
ionic模版源代码
ionic-sublime-plugin 支持sublime2、3版本
Ionic2 开发的android demo ,含有下拉框,输入框等主流封装的控件,快速入门
ionic时间日期插件
简单的一个由ionic开发的商城demo,欢迎多提意见