Angular 一个简单的指令实现 阻止事件扩散

//指令定义

@Directive({
  selector: `click-stop-propagation`
  events: 'stopClick($event)'
})
class ClickStopPropagation {
  stopClick(event:Event) {
    event.preventDefault();
    event. stopPropagation();
  }
}

//使用
<button (click)="doSomething()" click-stop-propagation>

 

 

参考:

https://github.com/angular/angular/issues/2042