앵귤러 이벤트 전파 막기

한 영역 클릭시 모달이 2개 뜰때 

(빈부분 영역 클릭과 / 버튼클릭시 나오는 모달이 다름)

 

e.stopPropagation() 과 toPromise(); 로 이벤트 전파 막기 가능 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 async openScheduleModal(e: Event) {
    e.stopPropagation()
    const dialogRef = this.dialog.open(ScheduleDetailModalComponent, {
      panelClass: ['reed-modal', 'schedule-detail-panel'],
      autoFocus: false,
    });
    const closeRes = await dialogRef.afterClosed().toPromise();
  }
  async openScheduleWriteModal() {
    const dialogRef = this.dialog.open(ScheduleWriteModalComponent, {
      panelClass: ['reed-modal', 'schedule-write-panel'],
      autoFocus: false,
    });
    const closeRes = await dialogRef.afterClosed().toPromise();
  }