0
openDialog() {
  const dialogRef = this.dialog.open(ModalCouponsComponent);
  dialogRef.afterClosed().subscribe(data => {
    if (data) {
      this.leerLocalStorage()
    }

  });

}

leerLocalStorage() {
  if (!localStorage.getItem('cuponesArr')) {
    return;
  }
  const couponsAdd: Coupon[] = JSON.parse(localStorage.getItem('cuponesArr'));
  this.cupArr = couponsAdd;

}

Obtengo un array de datos en una página (donde se almacena los datos) o dentro de un dialog, y se guarda en el localstorage. Lo que necesito es obtener los datos guardados en otra vista o página pero no al recargar o refrescar la página sino cuando se cierra el diálogo o modal. Estoy usando dialogo material de angular.

me explicaron un poco de @Outpout, y Emmiter Gracias.

// genero el array y guardo en el localstorage



agregar(coupon: Coupon) {
    if (this.addCoupons.some((p) => p === coupon)) return;
    this.addCoupons.push(coupon);
    this.guardarLocalStorage();
  
}
guardarLocalStorage() {
    localStorage.setItem('cuponesArr', JSON.stringify(this.addCoupons))
}

    // leo el localstorage pero lo hace cuando recargo la pagina alguna forma de leerlo al cerrar el dialogo

ngOnInit() {


    this.leerLocalStorage();
  }

  openDialog():void {
    this.dialog.open(ModalCouponsComponent);

  }

  leerLocalStorage() {
    if (!localStorage.getItem('cuponesArr')) {
      return;
  }
  const couponsAdd: Coupon[] = JSON.parse(localStorage.getItem('cuponesArr'));
  this.cupArr = couponsAdd;
  
  }
<div class="base_labels">
  <div class="labels_add" *ngFor="let item of cupArr; let i = index" (click)="DeleteTag(i)">
    <span class="label"
    >{{item.productName}}</span>
      
  </div>
</div>

2 respuestas 2

0

Debes usar afterClosed() de Material Dialog, metes el .open del dialog a una constante de la que obtienes una Subscripcion:

openDialog() {
   const dialogRef = this.dialog.open(ModalCouponsComponent);

   dialogRef.afterClosed().subscribe(data => { this.leerLocalStorage() });
 }
6
  • disculpa el close lo tengo en otro metodo donde lo cierro y quiero leer el local storage, serial la misma forma , ? closeDialog() { this.dialogRef.close(); this.leerLocalStorage(); } el 3 may. 2022 a las 12:44
  • entiendo que eso afterclose indica que debe hacer el dialogo al cerrar el dialogo, que ese leer mi loclastorage, peor no lo esta haciendo, si retiro el llamado del onInit, no carga la data, no lo carga la data al cerrar el dialogo el 3 may. 2022 a las 14:00
  • Coloque en la parte superior como tengo el código ahora? el 3 may. 2022 a las 14:05
  • no tenia que poner el if, una consulta como puedo usar el atributo data que colocas, para que no quede sin usar? el 3 may. 2022 a las 14:41
  • Hola @SixtoMujica te invito a revisar una respuesta mas completa que ya di en este aspecto e los Dialogos de Material: es.stackoverflow.com/questions/529505/… alli muestro como comunicar la data dentro del .close(data)
    – Julio Daza
    el 3 may. 2022 a las 15:31
0

Quiero lograr algo como esto lo mismo que hago con el afterclosed(), con el backdropClick(), paso los mismos valores pero no realiza la misma acción:

openDialog() {
    const dialogRef = this.dialog.open(ModalCouponsComponent, {
      panelClass: 'modal-class-coupon',
      disableClose: false,
    });
    dialogRef.afterClosed().subscribe( data => (this.validarCodigoDeRespuestaDeCuponesRedimidos(data.data)));

dialogRef.backdropClick().subscribe((data:any) => {
      // Close the dialog
      dialogRef.close((this.validarCodigoDeRespuestaDeCuponesRedimidos(data.data)));
    })
  }

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.