Angular

Angular 防止冒泡

事件冒泡

  • stopPropagation($event)
  • stopPropagation(event: Event) { event.stopPropagation(); console.log('Div clicked!'); }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
import { Component } from '@angular/core';

@Component({
  selector: 'app-click-event',
  template: `<div (click)="stopPropagation($event)">Click on me!</div>`
})
export class ClickEventComponent {

  stopPropagation(event: Event) {
    event.stopPropagation();
    console.log('Div clicked!');
  }
}

參考資料