Cosa fa esattamente l'oggetto $ event in Angular 2?

Question

Io sono po 'confuso che cosa esattamente $ evento facendo qui e qual è la differenza tra questi due esempi

<button (click)="clicked($event)"></button> 

@Component(...) 
class MyComponent { 
    clicked(event) { 
    event.preventDefault(); 
    } 
} 

e

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



@Component(...) 
    class MyComponent { 
     clicked(event) { 
     } 
    } 

Answer 1

Se non si passa il $event nel modello, poi si non avrà la variabile $event nel tuo metodo clicked() disponibile.

Vai a questa Plunker per un rapido confronto

Answer 2

$event è l'evento stesso.

L'evento che associa (someevent) consente di eseguire il binding agli eventi DOM e agli eventi EventEmitter. La sintassi è esattamente la stessa.

Per gli eventi DOM $event è il MouseEvent, KeyboardEvent, o il valore evento del tipo di qualunque evento si ascolta.

Per EventEmitter eventi il ​​valore emessa è disponibile come $event

Assumendo questo esempio $event si riferisce alla emessa istanza Ferrari auto:

@Output() carChange:EventEmitter<Car> = new EventEmitter<Car>(); 

someMethod() { 
    this.carChange.emit(new Car({name: 'Ferrari'})); 
} 

Se non si utilizza $event come nel (click)="clicked()" allora l'evento il valore non è passato.

In realtà, per quanto mi ricordo che è ancora passata in alcuni browser ma non in tutti (non ricordo quali)

Ma se si utilizza la funzionalità Angolari WebWorker, allora il vostro metodo non potrebbe ottenere il evento licenziato o emesso se non lo si elenca esplicitamente.