angular中modal的事件传输

今天遇到一个问题,在modal中写了一个form,提交到数据库后需要刷新页面,但ng-bootstrap的modal就是没有事件输出,热心的小伙伴提醒可以写个service来传递事件,不多说了直接上代码:

service:

import {EventEmitter, Injectable} from '@angular/core';

@Injectable()
export class ModalSerService {

  private modal_emitter = new EventEmitter();
  constructor() { }
  ModalEmitter() {
    return this.modal_emitter;
  }

  emitModal() {
    this.modal_emitter.emit();
  }

}

modal中发射事件:

this.modalSer.emitModal();

其他页面接受这个事件:

this.modalSer.ModalEmitter().subscribe(() => console.log( '123132' ));
就这么简单!!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值