Versucht, das Öffnen eines eckigen Materialdialogs zu verhindern, während ein anderer geöffnet wird

Question

Ich verwende die Angular Material Dialogfelder für die Verwaltung von Ereignissen in einem Rasterkalender.

<td *ngFor="let member of members | async" (click)="openDialogNewEvent(time,member)"> 
    <div *ngFor="let event of events"> 
     <span *ngIf="event.time===member.time" (click)="openDialogSeeEvent(event)">.</span> 
    </div></td> 

Die klickbare Spanne des zweiten Dialog starten:

openDialogSeeEvent(event) 

ist in der klickbare td Zelle, die den ersten Dialog starten:

openDialogNewEvent(time,member) 

Es wird verwendet, so zu arbeiten, aber mit der Letztes eckiges Material Update, es scheint, dass die beiden Dialoge geöffnet werden, wenn ein Klick auf die Spanne erfolgt.

Ich versuche einen Weg zu finden, OpenDialogNewEvent zu verhindern, wenn ich auf den OpenDialogSeeEvent klicke, aber ich kann es nicht finden.

Answer 1

Versuchen Sie folgendes:

openDialogSeeEvent(event1, event2) { 
    event1.stopPropagation(); 
    // more code 
} 

Und in HTML-Seite:

(click)="openDialogSeeEvent($event, event)"