Angular 2-Lista de eventos

Esta es una de las grandes ventajas de Angular2. Ya no todos los eventos necesitan una directiva ng-xxx personalizada.
Con elementos personalizados y todas las demás bibliotecas que producen todo tipo de eventos personalizados, este enfoque no funciona.

En Angular2 la sintaxis de enlace (eventName)="expression" permite suscribirse a cualquier evento conocido y desconocido.

La variable $event todavía está disponible (eventName)="myEventHandler($event)"

Véase también https://angular.io/docs/ts/latest/guide/template-syntax.html#! # event-binding

Aquí está la lista de eventos en Angular Por favor, consulte la documentación si es necesario para obtener más información

(focus)="myMethod()"
(blur)="myMethod()" 
(submit)="myMethod()"  
(scroll)="myMethod()"

(cut)="myMethod()"
(copy)="myMethod()"
(paste)="myMethod()"

(keydown)="myMethod()"
(keypress)="myMethod()"
(keyup)="myMethod()"

(mouseenter)="myMethod()"
(mousedown)="myMethod()"
(mouseup)="myMethod()"

(click)="myMethod()"
(dblclick)="myMethod()"

(drag)="myMethod()"
(dragover)="myMethod()"
(drop)="myMethod()"

Puede usar la siguiente sintaxis para manejar eventos (por ejemplo click como ng-click con Angular1):

<button (click)="callSomeMethodOfTheComponent()">Click</button>

La diferencia aquí es que esto es más genérico. Quiero decir que puedes usar eventos DOM directamente, pero también los personalizados definidos usando la clase EventEmitter.

Aquí hay un ejemplo que describe cómo manejar un evento click y un evento personalizado (my-event) activado por un subcomponente:

@Component({
  selector: 'my-selector',
  template: `
    <div>
      <button (click)="callSomeMethodOfTheComponent()">Click</button>
      <sub-component (my-event)="callSomeMethodOfTheComponent()"></sub-component>
    </div>
  `,
  directives: [SubComponent]
})
export class MyComponent {
  callSomeMethodOfTheComponent() {
    console.log('callSomeMethodOfTheComponent called');
  }
}

@Component({
  selector: 'sub-component',
  template: `
    <div>
      <button (click)="myEvent.emit()">Click (from sub component)</button>
    </div>
  `
})
export class SubComponent {
  @Output()
  myEvent: EventEmitter;

  constructor() {
    this.myEvent = new EventEmitter();
  }
}

Espero que te ayude, Thierry

Un gran lugar para empezar a entender Angular 2 es la página web oficial.

Aquí se puede ver todo el angular2 / común ng-XXX aunque ahora es como sigue ngXxxx

En mi caso la mejor manera de entender las diferencias entre Angular 1 y Angular 2 fue haciendo los tutoriales:

• [4] {[21]]}
• La Guía para desarrolladores : esta es una guía práctica para Angular para programadores experimentados que están creando aplicaciones cliente en HTML y JavaScript.