Cerrar ventana modal en automático en angular 15
En Angular 15, puedes cerrar una ventana modal automáticamente utilizando algunas técnicas. Aquí te mostramos cómo hacerlo:
Usando un temporizador
Puedes utilizar un temporizador para cerrar la ventana modal después de un cierto período de tiempo. Aquí tienes un ejemplo de cómo hacerlo:
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-modal',
templateUrl: './modal.component.html',
styleUrls: ['./modal.component.css']
})
export class ModalComponent implements OnInit {
constructor() { }
ngOnInit(): void {
setTimeout(() => {
this.closeModal();
}, 5000); // cierra la ventana modal después de 5 segundos
}
closeModal() {
// código para cerrar la ventana modal
}
}
Usando un evento
También puedes cerrar la ventana modal automáticamente cuando se produce un evento específico. Por ejemplo, puedes cerrar la ventana modal cuando se hace clic en un botón o cuando se desplaza la página. Aquí tienes un ejemplo de cómo hacerlo:
import { Component, OnInit, HostListener } from '@angular/core';
@Component({
selector: 'app-modal',
templateUrl: './modal.component.html',
styleUrls: ['./modal.component.css']
})
export class ModalComponent implements OnInit {
constructor() { }
@HostListener('window:scroll', ['$event'])
onScroll(event) {
this.closeModal();
}
closeModal() {
// código para cerrar la ventana modal
}
}
Estas son solo algunas formas de cerrar una ventana modal en automático en Angular 15. Puedes elegir la técnica que mejor se adapte a tus necesidades y aplicarla en tu proyecto.
en este caso lo hice pero me arroja el siguiente error declare var $: any;
Unexpected var, use let or const instead.
Me gusto mucho la página ojalá pudieras hacer un tutotial de como hacer las pantallas que aparecen en el medio se ven muy útiles y estilizadas
¡Excelente Alonso! Muchisimas gracias por tu aporte. Recomendados tus cursos de Udemy 100% !