`
是我不够爱
  • 浏览: 12040 次
  • 性别: Icon_minigender_1
  • 来自: 河北
社区版块
存档分类
最新评论

ionic 用户注销登录时,清空所有页面缓存

阅读更多

有人可能知道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');//设置路由地址
})

  

转帖时请注明地址:http://346454763.iteye.com/blog/2296403

分享到:
评论

相关推荐

    ionic3+angular4制作的登录注销页

    在本文中,我们将深入探讨如何使用Ionic3和Angular4框架构建一个完整的移动端登录注销页面。Ionic3是一款基于Angular的开源框架,专为构建高性能的移动应用程序而设计,而Angular4则是Google维护的一个强大的前端...

    ionic capacitor调用原生本地代码 切换页面

    ionic capacitor调用原生本地代码 切换页面

    Ionic创建页面以及页面之间跳转、页面添加返回按钮、新增底部页面示例代码.zip

    在本文中,我们将深入探讨如何使用Ionic框架创建页面、实现页面间的跳转,以及...通过理解和掌握页面创建、导航控制、以及UI元素如返回按钮和底部导航的使用,你将能更好地利用Ionic来开发高效且用户友好的应用程序。

    ionic应用实用模板

    - **Tabs**: 在Ionic中,tabs是一种常见的导航模式,常用于多页面应用,让用户可以轻松在多个主视图之间切换。每个tab代表一个页面或一组相关的页面,通常位于屏幕底部。 - **自定义与优化**: 基于默认tabs模板的...

    ionic4和ionic5创建login跳转到tabs

    在网上找了很长时间,但找到的ionic登陆页login跳转到tabs的方法在ionic4上基本都无效,后来终于找到了解决这个问题的办法,简单易行,前两天发表了一篇ionic4和ionic5创建login登陆页跳转到tabs方法的博客,现在写...

    ionic电影购票系统登录注册功能实现

    总的来说,实现“ionic电影购票系统登录注册功能”涉及了Ionic框架的多个核心概念,包括页面创建、表单处理、HTTP通信和导航。通过熟练掌握这些技术,开发者能够高效地构建出具有完整登录注册功能的移动应用。

    ionic angular capacitor项目展示控件使用,页面跳转,网络请求封装

    在本文中,我们将深入探讨如何在使用`Ionic`、`Angular`和`Capacitor`构建的移动应用项目中实现各种关键功能。首先,我们来理解这三个技术的基础: `Ionic`是一个开源框架,用于构建高性能的混合移动应用程序,它...

    ionic购物商城demo源码

    同时,本地存储(如localStorage或IndexedDB)可以用于缓存数据,提升用户体验。 4. **购物车功能**:购物车模块是商城应用的核心部分,涉及商品添加、删除、数量调整以及总价计算。这需要理解Angular的数据绑定和...

    ionic 案例源码 Mallzee

    - **懒加载**:通过Angular的懒加载机制,只在需要时加载页面,降低初始加载时间。 - **离线存储**:使用Local Storage或IndexedDB缓存数据,提高离线体验。 - **代码分割**:通过Angular CLI的代码分割功能,...

    ionic2 new demo

    2. **页面结构**:`Ionic2`应用由多个页面(Page)组成,每个页面都包含一个组件。在本示例中,你可以看到如何定义和使用自定义页面,例如,创建一个包含下拉框和输入框的新组件。 3. **UI组件**: - **下拉框...

    Ionic3项目总结

    * ionViewDidEnter:进入了一个页面且变成了当前的激活页面,该事件不管是第一次进入还是缓存后进入都将执行。 * ionViewWillLeave:将要离开了该页面之后变成了不是当前激活页面的时候执行的事件。 * ...

    ionic succinctly快速入门

    应用启动时,首先会创建一个导航栈(Navigation Stack),这是一系列按顺序排列的页面视图,用户可以通过它进行页面间的导航。在Ionic框架中,导航方式与Ionic for AngularJS有所不同,主要体现在如何定义导航的结构...

    完整的Ionic项目实例

    由于没有具体的项目描述,我们只能假设“ddcanzuo”项目包含了一些基本的Ionic应用功能,比如页面路由、数据管理、用户界面交互等。实际项目可能还会涉及第三方API的集成、推送通知、地理位置服务等复杂功能,这些都...

    基于ionic3ng5构建一个具有45个页面的大型单页面应用

    在这个项目中,开发者可能会使用懒加载策略来优化45个页面的加载,只在用户需要时加载相应的模块,从而改善用户体验。 在构建SPA的过程中,状态管理和路由管理是非常重要的部分。对于状态管理,我们可以看到项目...

    Ionic开发APP之启动时白屏,如何处理.zip

    在开发基于Ionic框架的应用程序时,开发者可能会遇到一个常见的问题:APP在启动时出现白屏现象。这不仅影响用户体验,也可能让初次接触Ionic的人感到困惑。本文将详细讲解如何处理这个困扰,主要针对 Ionic App 的...

    IonicLab 安装包 ionic开发工具

    这个安装包是开发者们在无法通过官方渠道下载IonicLab时的重要资源,因为直接访问官方下载地址可能会受到网络限制。 Ionic是一个开源的HTML5移动应用框架,它允许开发者使用Web技术(如HTML、CSS和JavaScript)来...

    ionic sublime 2/3 提示插件 ionic-sublime-plugin

    总的来说,"ionic-sublime-plugin"是专为提升Ionic开发效率而设计的一款强大工具,通过其丰富的特性,可以帮助开发者更高效地构建和维护Ionic项目,是Sublime Text用户在开发过程中不可或缺的伙伴。如果你是Ionic的...

    ionic-datepicker-oysq

    在使用"ionic-datepicker-oysq"时,首先你需要将这个插件添加到你的项目中。这通常涉及到下载压缩包,然后将其解压到你的项目目录下。根据提供的描述,解压后的文件中应该有一个名为`date.html`的文件,这很可能是...

    ionic3仿京东商城源码

    在这里,我们可以看到如何使用Ionic3组件和Angular服务来实现类似京东商城的功能,如商品展示、购物车、用户登录等。 在`src`目录下,`app`子目录通常是应用的主模块,包含了应用的入口点和路由配置。`pages`子目录...

Global site tag (gtag.js) - Google Analytics