Tengo el siguiente código en mi ngOnInit:

 ngOnInit(): void { let selectedArea:any = null; let areas = document.querySelectorAll<SVGElement>('path'); // gets an array of all of the paths in the DOM areas.forEach((area) => { // for each svg path area.addEventListener('mouseover', function () { area.style.fill = '#2100b6'; // add hover }); area.addEventListener('mouseout', function () { area.style.fill = ''; // return to default on mouse out }); area.addEventListener('click', function () { if (selectedArea) { area.style.fill="black"; } if (selectedArea !== area.id) { selectedArea = area.id; area.setAttribute('class', 'selectedArea'); // changed area.style.fill="black"; } console.log(selectedArea); }); this.selectedRegion = selectedArea }); } selectedRegion : number = 0

"selectedArea" registra el código de la región seleccionada de un mapa SVG. Intenté incluir eso en la nueva variable "región seleccionada", pero no funcionó.

Entonces, quiero usar "selectedArea" fuera de ngOninit, pero no tengo idea de cómo hacerlo.