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>