Ability to stop event propogation

In the GT codebase, we have a common pattern <ng-click-stop-propogation>, which provides the same API as <ng-click>, but is implemented as:

(node as Element).onClick.listen((event) {
      scope.apply(expression);
      event.preventDefault();
      event.stopPropagation();
    });

We would like a similar pattern in Angular2.

[mhevery]

I think this is already support in three ways:

1. returning false causes preventDefault() to run. ie: <div (click)="doSomething(); false">
2. calling it manually: <button (click)="doSomething(); $event.stopPropagation()">
3. One can always implement the same directive in NG2 as:

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

Then use as:

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

Request

Do you think the above is not sufficient? If so, how would you imagine the syntax to work?

[HMhugomeireles]

I think is this.

<input (keydown)="onKeydown($event)">

onKeydown(event) {
event.preventDefault();
  if (event.key === "Enter") {
    console.log(event);
  }
}