(click)="$event.cancelBubble=true"

테이블의 tr에 click 이벤트를 적용 시켰는데,
특정 th 또는 td에 작동시키고 싶지 않을 때

(click)="$event.cancelBubble=true"

위의 코드를 해당 th 또는 td에 적용시켜 주면
tr에서 실행되는 click이벤트가
해당 영역을 누를 때는 적용되지 않는 것을 볼 수 있다.

또한, 해당 영역에 다른 click이벤트를 주어도
tr의 클릭 이벤트는 작동되지 않고 해당영역의 클릭이벤트만 작동되게 된다.

좋은 웹페이지 즐겨찾기