Angular: How to check if output() has an observer

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.

Continue reading...