ionic4 监听事件

监听事件我是这么理解的：程度等待一个事件的发生，当这个事件发生之后，对它作出反应。比如更换头像，当我更换完头像之后，个人中心就要重新获取最新的头像。

那么在ionic4中，我们如何实现监听事件呢？

1、安装监听事件包

cnpm install --save eventemitter3

2、在事件发生页面，引入监听组件，声明变量，发出广播

//引入组件
import { EventService } from './app/services/event.service';
//在constructior里声明监听变量
public eventService: EventService,
//通知个人中心更换头像,和tab5更换头像
this.eventService.event.emit('getnewphoto');

3、在监听界面，同样引入监听组件，声明变量，同上。另外，在对应方法添加监听事件。

//监听
this.eventService.event.on('getnewphoto',()=>{this.getnewphoto();
})

注意：监听的方法要一致。

ionic4 监听事件相关推荐

Cocos 发射和监听事件事件派送(TypeScript)
监听和发射事件监听事件事件处理是在节点(cc.Node)中完成的.对于组件,可以通过访问节点 this.node 来注册和监听事件. 事件监听函数 on 可以传第三个参数 target,用于绑定响 ...
常用的监听事件(android)
刚发布过Toast,为了是自己记得牢固一些在这里写几个监听事件分别写出不同位置的Toast 监听常用的有四种第一种:内部类作为事件监听器类 xml中代码 <RelativeLayout xm ...
【冷知识】获取网页所有的监听事件类型、方法。请认准getEventListeners
获取事件列表 getEventListeners(window)//获取window绑定的所有监听事件列表//----------------------------------------getEv ...
android 常用的监听器,Android中的Keyboard监听事件
前言有关Keyboard监听事件,无非就是以下这几种情况: 1,操作显示或隐藏键盘: 2,判断当前键盘的状态: 3,键盘显示或隐藏后的拦截处理: 只要有使用到EditText,避免不了肯定会遇到以上 ...
python hook技术,python hook监听事件详解
本文实例为大家分享了python hook监听事件的具体代码,供大家参考,具体内容如下 # -*- coding: utf-8 -*- # # by oldj http://oldj.net/ # i ...
安卓开发学习日记 DAY5——监听事件onClick的实现方法
今天主要学习了监听事件的是实现方法,就是说,做了某些动作后,怎么监听这个动作并作出相应反应. 方法主要有三种: 1.匿名内部类的方法 2.独立类的方法 3.类似实现接口的方法以下分别分析: 1.匿名 ...
Python+selenium 自动化-调用dom节点的click()监听事件，强力操作节点，穿透元素进行点击，节点被遮挡不可点击解决方法
非常简单!只需要两步: 第一步,我先获取 dom 节点. 第二步,然后通过 driver.execute_script() 方法调用 dom 节点的 click() 监听事件. a = driver. ...
chrome 技巧篇-如何查看web元素绑定的监听事件
第一步:首先通过 F12 进入开发者工具页面. 第二步:选中 Elements 页签内对应的元素,可以用一个按钮来试一试. 第三步:右边选择 Event Listeners 页签,并取消勾选 Ance ...
electron ipcRenderer渲染进程发送事件， ipcMain主进程监听事件
ipcMain 从主进程到渲染进程的异步通信.它处理从渲染器进程(网页)发送出来的异步和同步信息. 从渲染器进程发送的消息到主进程的异步通信. 主进程: import { app, BrowserWi ...
拓展编辑器(五)_监听事件
监听事件这个是拓展Project视图的最后一节,这里将会介绍一下如何借助程序来约束project视图中的资源.例如用程序来判断资源的原始位置以及将要移动的位置是否合法,从而决定是否能阻止本次移动.U ...

ionic4 监听事件

ionic4 监听事件相关推荐

最新文章

热门文章