Co dokładnie robi obiekt zdarzenia $ w Angular 2?

Question

Jestem nieco zdezorientowany co dokładnie $ wydarzenie tu robi i jaka jest różnica między tym dwoma przykładami

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

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

i

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



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

Answer 1

Jeśli nie zdać $event w szablonie, a następnie nie będzie dostępna zmienna $event w twojej metodzie .

Zobacz ten Plunker dla szybkiego porównania

Answer 2

$event to samo wydarzenie.

Powiązanie zdarzenia (someevent) pozwala powiązać zdarzenia DOM i zdarzenia EventEmitter. Składnia jest dokładnie taka sama.

W przypadku zdarzeń DOM $event to MouseEvent, KeyboardEvent lub wartość zdarzenia typu zdarzenia, którego słuchasz.

Dla EventEmitter wydarzenia emitowana wartość jest dostępna jako $event

Zakładając ten przykład $event nawiązuje do emitowanego przykład Ferrari samochodu:

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

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

Jeśli nie używać $event jak w (click)="clicked()" to zdarzenie wartość nie jest przekazywana.

Właściwie ile pamiętam nadal przekazywane w niektórych przeglądarkach ale nie we wszystkich (nie pamiętam jakie)

Ale jeśli używasz funkcji Angulars WebWorker, wówczas metoda nie może uzyskać zdarzenie wywołane lub emitowane, jeśli nie wymienia się go explicite.