event emitter in angular 8 code example
Example 1: angular event emitter
@Output() open: EventEmitter<any> = new EventEmitter();
toggel() {
this.open.emit(null);
}
Example 2: use of eventemitter in angular
@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!
}
}
Example 3: emitter angular
<component
(open)="open($event)"
></component>