angular中modal的事件传输

孔鸿远
2023-12-01

今天遇到一个问题,在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' ));
就这么简单!!
 类似资料: