/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

3 votes108 views2 answers
Angular clone array without reference
Javascript AngularJS
0 vote102 views1 answer
Angular ng owl date time custom format
Javascript AngularJS
0 vote104 views1 answer
How to add jquery.zoom in angular
Javascript AngularJS
0 vote106 views1 answer
Put my angular project in subfolder. 500 INTERNAL ERROR
Javascript AngularJS
0 vote115 views1 answer
Input type shows object angularjs
Javascript AngularJS
0 vote106 views1 answer
Url validation in formcontrol angular 8
Javascript AngularJS
0 vote112 views1 answer
Angular escape style attr
Javascript AngularJS
0 vote93 views1 answer
Angularjs format number thousands separator
Javascript AngularJS
0 vote107 views1 answer
How we can use pagination in angular material and spring boot
Javascript AngularJS
0 vote130 views1 answer
Styleurls component angular node_modules
Javascript AngularJS