/Javascript/AngularJS/Angular event emitter

Angular event emitter

  @Output() open: EventEmitter<any> = new EventEmitter();


  toggel() {
  	this.open.emit(null);
  }

Source: angular.io

Eventemitter in angular

So, how to use it properly?
Simply use it to emit events from your component. Take a look a the following example.

@Component({
    selector : 'child',
    template : `
        <button (click)="sendNotification()">Notify my parent!</button>
    `
})
class Child {
    @Output() notifyParent: EventEmitter<any> = new EventEmitter();
    sendNotification() {
        this.notifyParent.emit('Some value to send to the parent');
    }
}

@Component({
    selector : 'parent',
    template : `
        <child (notifyParent)="getNotification($event)"></child>
    `
})
class Parent {
    getNotification(evt) {
        // Do something with the notification (evt) sent by the child!
    }
}
How not to use it?
class MyService {
    @Output() myServiceEvent : EventEmitter<any> = new EventEmitter();
}
Stop right there... you're already wrong...

Source: stackoverflow.com

What does event emitter do in angular

Data flows into your component via property bindings and flows out of your component through event bindings. If you want your component to notify his parent about something you can use the Output decorator with EventEmitter to create a custom event.

Similar codes

0 vote199 views1 answer
Parametro angulara con ruta y recarga de componente
Javascript AngularJS
0 vote199 views1 answer
Reactive forms change event in angular
Javascript AngularJS
0 vote204 views1 answer
Angular scroll event on div chang width
Javascript AngularJS
0 vote201 views1 answer
Angular detect chromebook
Javascript AngularJS
1 vote175 views1 answer
Angular cli don't generate spec
Javascript AngularJS
0 vote180 views1 answer
Angular npx
Javascript AngularJS
0 vote204 views1 answer
Send data with emit angular
Javascript AngularJS
4 votes245 views1 answer
Ng add angularFire2
Javascript AngularJS
2 votes195 views6 answers
Tailwind in angular
Javascript AngularJS
0 vote236 views2 answers
How to run angular application in visual studio code
Javascript AngularJS