2017-11-14 10 views
0

격자 캘린더의 이벤트 관리에 각도 재료 대화 상자를 사용하고 있습니다.다른 재료를 여는 동안 각도 재료 대화 상자가 열리는 것을 막으려 고합니다

<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> 

두 번째 대화를 시작 클릭 가능한 범위 :

openDialogSeeEvent(event) 

는 첫 번째 대화 시작 클릭 가능한 TD 셀에 있습니다 :

openDialogNewEvent(time,member) 

그것은 그런 식으로 만 작동하는 데 사용을 마지막 각도 재료 업데이트를 클릭하면 스팬에 클릭이있을 때 두 개의 대화 상자가 열리는 것 같습니다.

openDialogSeeEvent를 클릭 할 때 openDialogNewEvent를 열지 못하게하는 방법을 찾고 있지만 찾을 수 없습니다.

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

을 그리고 html 페이지의 :

답변

0

이 시도 답변에 대한 Notmfb

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

감사합니다. 내가 줄을 때 다음 오류가 있습니다 : "오류 TypeError : event.stopPropagation 함수가 아닙니다". 그리고 그것은 첫 번째 대화 "openDialogNewEvent"를 닫는 것 같습니다 ... –

+0

나는 내 질문에 실수를했습니다. 실제로 openDialogSeeEvent를 클릭하면 openDialogNewEvent를 열지 못하게하려고합니다 ... –

+0

오른쪽. stopPropagation() 함수는 부모 이벤트까지 버블 링을 중지합니다. 나는 당신이 여전히 오류를 받고있는 이유는 당신이 함수에 실제 Angular 이벤트를 보내지 않았기 때문이라고 생각한다. "openDialogSeeEvent (event)"가 있습니다 -이 "openDialogSeeEvent ($ event)"로 변경하십시오. – Notmfb