ionic 返回上一页，并刷新父页面

使用Angular中EventEmitter事件驱动实现不同页面通讯

Ionic4中内置的生命周期函数：ionViewDidLeave — 在页面离开后触发

ionic创建命令：ionic g service services/event

1.首先我们需要创建一个service，命令如下

ionic g service services/event

2.然后修改service文件代码,如下：

import { Injectable } from '@angular/core';
import {EventEmitter} from 'eventemitter3';
@Injectable({providedIn: 'root'
})
export class EventService {public event: any;constructor() { // 定义发射事件this.event=new EventEmitter();}
}

3.当我们修改完service代码，会发现service里面的eventemitter3报错，然后我们安装模块

npm install --save eventemitter3

4.父页面引入service文件，并配置如下代码

import{EventService}from'../services/event.service';
public eventService: EventService
this.eventService.event.on('login',(result)=>{console.log('执行');
})

5.子页面引入service文件，并配置如下代码(当离开页面的时候，发送广播告知父页面)

import { EventService } from '../services/event.service';
public eventService: EventService
ionViewDidLeave(){this.eventService.event.emit('login','登录页面退出了');
}

参考网址：

Ionic4 生命周期钩子函数-Lifecycles Ionic Angular中使用EventEmitter事件驱动实现不同页面通讯

ionic 返回上一页，并刷新父页面相关推荐

js实现返回上一页后刷新历史页面
<input type="button" value="返回" οnclick="javascript:window.location.repl ...
js 返回上一页和刷新以及页面跳转
1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forw ...
问题解决：使用angularjs、ionic框架如何实现返回上一页并刷新
普通的js返回并刷新这里就不多说了,百度就有很多方法. 下面说的是使用了angularjs.ionic开发的一个手机app中使用的一个返回上一页并刷新的方法. 场景:回复的页面是单独的,点击保存回复后 ...
js返回上一页并刷新代码整理转
返回上一页并刷新在此功能有利于用户的体验,是每一个web开发人员所必备的一项,长话短说,今天介绍实现此功能的一个方法,需要了解的朋友可以参考下一:JS 重载页面,本地刷新,返回上一页复制代码代码 ...
js返回上一页并刷新代码整理
一:JS 重载页面,本地刷新,返回上一页复制代码代码如下: <a href="javascript:history.go(-1)">返回上一页</a> ...
MUI前端框架，MUI返回上一页并刷新
文章目录前言一.引入库二.使用步骤 1.父界面index.html 2.子界面b.html 总结前言 MUI前端框架文档:https://dev.dcloud.net.cn/mui/ui/ 一 ...
html页面中使用 JS 返回上一页及返回上一页并刷新，iframe中打开指定页面，跳转到指定页面
html页面中使用 JS 返回上一页及返回上一页并刷新,iframe中打开指定页面,跳转到指定页面. 常用方法: window.history.go(-1); //返回上一页 window.histo ...
js返回上一页并刷新
window.history.go(-1);//返回上一页不刷新 window.location.href = document.referrer;//返回上一页并刷新转载于:https://www ...
苹果下微信浏览器返回上一页不刷新问题解决方案
苹果下微信浏览器返回上一页不刷新问题解决方案参考文章: (1)苹果下微信浏览器返回上一页不刷新问题解决方案 (2)https://www.cnblogs.com/liuxiaojie/p/78325 ...

ionic 返回上一页，并刷新父页面

ionic 返回上一页，并刷新父页面

使用Angular中EventEmitter事件驱动实现不同页面通讯

Ionic4中内置的生命周期函数：ionViewDidLeave — 在页面离开后触发

ionic创建命令：ionic g service services/event

1.首先我们需要创建一个service，命令如下

2.然后修改service文件代码,如下：

3.当我们修改完service代码，会发现service里面的eventemitter3报错，然后我们安装模块

4.父页面引入service文件，并配置如下代码

5.子页面引入service文件，并配置如下代码(当离开页面的时候，发送广播告知父页面)

参考网址：

ionic 返回上一页，并刷新父页面相关推荐

最新文章

热门文章