Remove modal on page change

src/app/home/home.page.ts

@@ -22,7 +22,13 @@ export class HomePage implements OnInit {
   totalExpediente = 0;
   profile: string;
 
-  constructor(private zone: NgZone,private eventService: EventsService, private processesbackend: ProcessesService, private router: Router, private modalController: ModalController,) { }
+  constructor(private zone: NgZone,private eventService: EventsService, private processesbackend: ProcessesService, private router: Router, private modalController: ModalController) {
+    
+    router.events.subscribe((val) => {
+      document.querySelectorAll('ion-modal').forEach((e)=>e.remove())
+    });
+    
+  }
 
   ngOnInit() {
 /*     //Initialize profile as mdgpr

src/app/pages/gabinete-digital/event-list/event-list.page.ts

@@ -65,6 +65,8 @@ S
     });
   }
   async openApproveModal(eventSerialNumber){
+
+
     const modal = await this.modalController.create({
       component: ApproveEventModalPage,
       componentProps:{