/Javascript/AngularJS/Eventemitter in angular

Eventemitter in angular

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 vote312 views1 answer
How to do if condition in kedo column in angular
Javascript AngularJS
0 vote357 views1 answer
How to create a component in angular using terminal
Javascript AngularJS
0 vote310 views1 answer
How to get latitude and longitude from address in angular 6
Javascript AngularJS
5 votes332 views1 answer
Angular input press enter
Javascript AngularJS
37 votes425 views2 answers
Short date angular pipe
Javascript AngularJS
0 vote321 views1 answer
Warn user before leaving page angular
Javascript AngularJS
0 vote330 views2 answers
Same file select angular second time not selected
Javascript AngularJS
0 vote319 views1 answer
Not Found The requested URL was not found on this server angular routing when going back to site from ecternal source
Javascript AngularJS
0 vote320 views3 answers
Angular stepper change wait before changing
Javascript AngularJS
0 vote358 views1 answer
How to read from asset in angular
Javascript AngularJS