깜놀하는 해므찌로

Angular 이벤트 중간에 끊기 본문

IT

Angular 이벤트 중간에 끊기

agnusdei1207 2023. 5. 8. 18:23
반응형
SMALL

(click)="clickChildMenu($event, route, child)"
clickChildMenu(ev: Event, parent: Route, child: Route) {
    ev.stopPropagation(); // 클릭 이벤트 멈추기 -> 현재 템플릿에 한해서 실행
    const parentRoute = parent['data'];
    const childRoute = child['data'];
    if (!parentRoute || !childRoute) {
      return;
    }
    this.currentMenu.emit(`${parentRoute['name']} > ${childRoute['name']}`);
    this.router.navigateByUrl(
      `/${parent.path}${child.path ? '/' : ''}${child.path}`
    );
  }

1. stopPropagation() : 클릭 이벤트 끊기

반응형
LIST