美文网首页
Event监听器

Event监听器

作者: dearjj | 来源:发表于2019-09-30 03:40 被阅读0次

记录一个angular里很有用的干货

假设side bar写在了项目app.component.html里
(请不要把side bar写在app.component.html里)

那么app.component.html是只会init一次的
这时候要更新app.component.html的信息的话

可以添加一个event监听器
这里监听器我选择添加在service的callback里

发布事件

//user.service.ts
this.httpclient.get().subscribe(data=>{
console.log();
this.eventCtrl.publish("user:login", data.name, data, email)
})

监听

//app.component.html

import { Events} from '@ionic/angular';

constructor(public eventCtrl: Events){
}

initializeApp(){
    this.eventCtrl.subscribe('user:login', (name, email) => {
        this.name = name;
        this.email = email;
    });
}
//subscribe(str: description, agrv: params)

相关文章

  • Event监听器

    记录一个angular里很有用的干货 假设side bar写在了项目app.component.html里(请不要...

  • laravel Event 事件使用

    Event的使用主要分为三步: ①注册事件监听器映射关系 ②定义监听器 ③触发事件 ①注册事件监听器映射关系 在a...

  • 5.4Laravel事件

    事件 更多详细请参看laravel手册 事件/监听器 事件类存放位置:app/Event 目录中 监听器存放位置:...

  • Angular 8 事件绑定

    Angular 事件绑定 一般格式 例如: 两种写法都是合法的 $event 对象 $event 对象为 DOM ...

  • Angular事件-不同组件间传递数据

    利用Angular Event在不同组件之间传递数据 为了实现在Angular不同Component之间相互传递数...

  • ReactiveCocoa 4 图解之二——监听器(Observ

    监听器是在等候,或有能力等候来自信号的事件的任何东西。监听器用可以接受事件(Event)的Observer类型表示...

  • Passive Event Listeners——让页面滑动更加

    Passive Event Listeners - 被动事件监听器 在基于 Element-ui 写项目的时候,C...

  • SAP Spartacus Set Active BaseSit

    从Angular route event url里得到base site: navigation 触发方式:imp...

  • rac5

    Reactivecocoa 5.0 主要的类型 1.事件(Event)2.监听器(Observer)3.存根(Di...

  • 事件处理

    1.事件代理 事件代理:为子元素添加监听器转变为为父容器添加监听器,然后通过event.target判断具体操作的...

网友评论

      本文标题:Event监听器

      本文链接:https://www.haomeiwen.com/subject/kmfcpctx.html