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

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事件驱动实现不同页面通讯