Inspecting event listeners
We'll reuse the random number generator example from the Inspecting a component instance section.
For reference, the following is the random number directive used in the template of the random number component:
import { Directive, EventEmitter, OnInit, Output } from '@angular/core'; @Directive({ exportAs: 'appRandomNumber', selector: '[appRandomNumber]' }) export class RandomNumberDirective implements OnInit { #generatedNumber?: number; @Output() numberGenerated = new EventEmitter<number>(); ngOnInit(): void { this.generateNumber(); } generateNumber(): void { this.#generatedNumber = Math.floor(1000 * Math.random()); this.numberGenerated.emit(this.#generatedNumber); } }
When its generateNumber...