I stopped using the @Output() decorators since the new output() function got released.
I got my dummy component:
export class TaskComponent implements OnInit {
readonly taskStarted = output<number>();
taskStartedClick(id: number) {
this.taskStarted.emit(id);
}
}
I am using it in my parent component:
<app-task (taskStarted)="doStuff($event)"></app-task>
I am trying to figure out whether the emitted event is observed by the parent component or not.
Using the old @Output decorator, you could go ahead and check whether it is observed or not, e.g:
ngOnInit() {
const isObserved = this.taskStarted.observed;
}
But I can't do the same with output(), since it is an OutputEmitterRef and not an EventEmitter.
Does anybody else know perhaps another solution or an alternative?
I have tried and searched in the internet, but it is very difficult to find solutions for the new output() function, instead you get mainly solutions for the @Output() decorator.
Answer
The recommendation today is to have an Observable (which has the observed property and to use outputFromObservable.