0
212
VistasIonic Angular Paso de datos entre vistas
Quiero crear 3 páginas donde;
En la página A hay un grupo de formularios, después de que se llene y haga clic en enviar btn, luego irá a la página B.
En la página B solo hay una declaración de confirmación. por lo que el usuario solo tiene que elegir Acepto o No estoy de acuerdo.
Si el usuario elige Acepto en la página B, entonces va a la página C y muestra toda la información/datos de la página A.
Mi pregunta es, ¿es posible pasar los datos (nombre, correo electrónico, id) de la página A directamente a C mientras que el flujo de las vistas debe ser A > B > C?
¿Puedo lograr esto con angular iónico?
2 Respuestas
Responde la pregunta0
Puede guardar los datos en un asunto dentro de un servicio en la página A y suscribirse al asunto en la página C para recibir los datos. Se puede lograr lo mismo con ngrx o cualquier otra biblioteca de administración de estado.
Ejemplo sencillo:
servicio.de.datos.ts
// the service that has the subject that keeps the data private data$ = new BehaviorSubject<any>(null); setData(data: any){ this.data$.next(data); } getData(){ return this.data$.asObservable(); }página-a.component.ts
submitForm(){ //... this.dataService.setData(this.form.value); }página-c.component.ts
ngOnInit(){ //... this.dataService.getData().subscribe(data => { // do whatever you want with the data } }0
Puede crear una clase estática para pasar sus datos.
ionic g service globaldataque puede compartir datos.
dentro de tu página A:
import {GlobalDataServe} from 'GlobaldataServer.ts' gotoPageB(){ GlobalDataServe.yourDataVariable = yourDataOnPageA; this.route.navigate('yourPageB'); }Nada que hacer en la página B;
en la página C importar la misma clase y obtener datos
import {GlobalDataServe} from 'GlobaldataServer.ts ionViewWilLEnter(){ this.yourData = GlobalDataServe.yourDataVariable; }