I have a component where I have the enableButtons property that is set to true when I click on an ion-menu label. I would like if I click anywhere else this property to revert to false. I tried this piece of code:

export class ProfilePage implements OnInit {
  enableButtons: boolean;

  constructor(private router: Router,private menu: MenuController) {
    this.enableButtons= false;
    
    window.onclick = function(event) {
      if(this.enableButtons){  //this.enableButtons tells me that is undefined
        this.enableButtons = false;
      }
    }
  }

  async presentModalEliminaItems() {
    this.menu.close();  
    this.enableButtons = true;      
  }

The problem is that "this" in the function window.onClick is of type Window and not of type ProfilePage . How can I solve it ?

SOLVED : i have used the class Renderer2 of Angular instead of window.onclick:

@ViewChild('aEliminaVideo') toggleButton: ElementRef;

  this.renderer.listen('window', 'click',(e:Event)=>{
    if(e.target!==this.toggleButton.nativeElement && this.enableButtons == true){
      this.enableButtons = false;
    }
  });