Ionic4如何返回上一个页面并刷新

最新推荐文章于 2021-01-28 12:01:25 发布
最新推荐文章于 2021-01-28 12:01:25 发布
阅读量4.8k 收藏 3
点赞数 1
分类专栏： [Ionic] 文章标签： ionic4 refresh() back
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Delicious_Life/article/details/88987395
版权
本文详细介绍了在Ionic4项目中如何实现通过点击返回图标不仅返回上一页面，同时刷新该页面的步骤。首先定义一个公用的刷新方法在BaseUI类中，然后在子页面继承BaseUI，并实现跳转父页面的方法，最后在HTML中为返回按钮绑定点击事件以触发刷新和回退操作。
摘要由CSDN通过智能技术生成

需求描述

 

               

 

 

首先定义刷新方法

、

1.我的项目有一个公用方法类BaseUI，我们把刷新方法写在这个ts文件里

 

 

2.打开子页面的ts文件，让本类继承baseui

最低0.47元/天 解锁文章
我能在河边钓一整天的鱼
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
专栏目录
angular+ionic返回上一页并刷新页面
08-29
主要介绍了angular+ionic返回上一页并刷新页面,需要的朋友可以参考下
ionic4监听返回事件 AppMinimize navController
qq_31182399的博客
09-22 345
引入appminimize 插件 ionic cordova plugin add cordova-plugin-appminimize npm install --save @ionic-native/app-minimize@beta 在 app.module.ts 中注入 appminimize 并且在providers 中注入 import {AppMinimize} from '@ionic-native/app-minimize/ngx'; ![在这里插入图片描述](https://im
ionic开发中的返回上一界面后的刷新问题
CapMiachael的博客
10-28 9802
ionic开发中的返回上一界面后的刷新问题用ionic开发时，常常或遇到”返回上一界面并且刷新的需求”,常用的解决方法有几种：方法一：禁用缓存,全局刷新。即在app.js中设置cache:false（用户体验最差的一种） 例： //考勤查询页面 .state('attendance', { url: '/main/attendance', cache:fal
【前端】Ionic4 返回功能-NavController
冯浩月
01-24 8502
前言 小编所在的项目，前端Ionic--手机端项目需要版本升级，从Ionic3升级到Ionic4，其中需要使用返回功能，虽然Ionic4支持手机自身的返回键，但是对于用户来说，为用户在软件上面添加一个返回按钮，会更加服务用户。下面是使用Ionic4中NavController包实现的返回功能。 ...
js返回前一页刷新页面
ELIFE
04-29 680
javascript:history.go(-1)">返回上一页 重载页面，本地刷新 返回上一页重载页面，本地刷新
Ionic如何实现下拉刷新与上拉加载功能
09-02
这里使用了`$timeout`服务模拟了一个延迟加载的过程，然后在2秒后广播事件，告诉Ionic刷新操作已完成。 上拉加载更多则是允许用户在滚动到页面底部时加载更多内容。在Ionic中，我们可以使用`ion-infinite-scroll`...
Ionic实现页面下拉刷新(ion-refresher）功能代码
01-21
下面小编给大家介绍如何使用Ionic实现页面下拉刷新(ion-refresher功能，一起看看看吧！ 具体的实现请看下面的源码： HTML 代码 ion-refresher ： 即为下拉刷新的图标； pulling-text=“下拉刷新” 这里的问题可以...
ionic4 返回上一页并刷新
weixin_43749669的博客
01-28 403
场景再现: 1.任务类表页面(父页面) 2.任务详情页面(子页面) 问题: 在子页面对数据进行了修改,然后返回到 父页面, 数据没有实时更新! 1.新建立一个服务services ionic g service services/event 2.安装配置EventEmitter: npm install--save eventemitter3 3.定义公共的服务配置 import { Injectable } from '@angular/core'; import {EventEmitter} fro
【ionic4】彻底解决本页面回到上一个页面，实现上一个页面刷新 (模态窗口到新页面,然后新页面刷新)
李光 未来科技
06-12 3548
前言： 本页面回到上一个页面，实现上一个页面刷新算是ionic4比较难的部分了，其中踩了很多的坑，今天就彻彻底底的来解决一下这个问题！ 场景直现 1、此页面为页面a，这是一个相册，总共有两张图片，下面显示的是数字2 2、此时点击这个相册，进入到页面b,对应的是相册中的两张图片，如下图 3、此时相册中的第二张图我不是很满意，想要将其删除，然后删除完回到上一个页面，也就是页面a,实现a页面刷新，如...
ionic当前页面刷新
datangxiajun的博客
12-17 3414
$scope.doRefreshLaborConstructionSub = function (item) { async.parallel([function (cb) { return Promise.promisify(laborService.getAllSubContractor)(item, 0, $scope.pagination.pageSize).
jQuery图片整张或局部放大
03-23
使用jquery让图片局部或整张图放大缩小，支持各种缩放方式
ionic混合开发app可以双击图片进行图片的放大滑动预览
08-10
ionic混合开发app，可以双击图片进行图片的放大滑动预览
ionic返回上上级页面
qq_38990521的博客
10-30 1310
需求：ionic订单支付成功返回商品详情页或支付订单页。 曾经尝试：在注册返回事件中设置 解决：页面跳转成功后，移除当前页   import {ViewController,NavController} from 'ionic-angular'; constructor (private viewCtrl:ViewController,private navCtrl:NavContro...
Ionic4--返回上一页刷新
吕阿蒙的博客
04-24 1531
目录 一、使用 Ionic 内置的生命周期 二、使用广播的方式 三、添加返回参数 四、添加回调函数 一、使用 Ionic 内置的生命周期 每次进入页面都刷新。当然每次进入就刷新不太好，浪费了流量，有列表的话也不在上次浏览的位置。 ionViewWillEnter() { } 二、使用广播的方式 1.引入包 npm install --save eventemitter3 2...
ionic3带参数返回原来页面
weixin_30613727的博客
10-24 264
最近用ionic3+angular4做项目。我遇到了个问题，我返回原来页面时一般都会调用this.navCtrl.pop()方法，但这个方法不能携带参数。怎么办？ 可以写个回调方法。 我在a页面定义个回调方法。 在跳转到的页面，接受这个回调方法。 这样，你就可以返回页面时也把参数传回去。 转载于:https://www.cnblogs.com/hmake/p/7724016...
Angular4_路由复用，路由缓存后需要刷新的页面怎么办
热门推荐
Martin 的博客
02-07 1万+
Angular使用路由复用之后，在添加或者编辑时需要刷新页面的地方；
ionic4页面生命周期
愿历尽千帆，仍保持最初的热爱，奔赴每一场山海，一如既往鲜活而明亮~
04-28 1639
前言   生命周期钩子函数在开发过程中起着很重要的作用，ionic中也提供了生命周期函数。 触发的顺序    总结   了解生命周期函数的意义与触发时间，在开发过程中的界面加载与路由跳转起着重要的作用。 ...
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值