Aquí están los 3 últimos vídeos del curso, donde verás como utilizar localstorage para guardar datos de forma persistente en tu aplicación, para que se mantengan ahí al volver a abrir la aplicación después de cerrarla, o al hacer un refresh cuando lo miramos a través del navegador.
Recuerda que para ejecutar la aplicación en tu dispositivo, tendrás que añadir la plataforma que quieres (android / iOS) y ejecutar la app, desde la consola de ionic:
Primera vez que dejo un comentario en un tutorial, la verdad, muy bien explicado. Sólo faltaría indicar como hacer un POST.
Muchas gracias.
Enrique Oriol
Gracias!! Me alegro de que te haya gustado 😉
David Pereira
Hola como hago para persistir los eventos de in calendario ionic, la verdad logré que se guardaran en el localstorage pero cuando recargo la página no quedan marcados en el calendario.
Este es mi código:
export class HomePage {
eventSource = [];
titulo: string;
diaSeleccionado = new Date();
calendar = {
mode: ‘month’,
currentDate: new Date()
};
Primera vez que dejo un comentario en un tutorial, la verdad, muy bien explicado. Sólo faltaría indicar como hacer un POST.
Muchas gracias.
Gracias!! Me alegro de que te haya gustado 😉
Hola como hago para persistir los eventos de in calendario ionic, la verdad logré que se guardaran en el localstorage pero cuando recargo la página no quedan marcados en el calendario.
Este es mi código:
export class HomePage {
eventSource = [];
titulo: string;
diaSeleccionado = new Date();
calendar = {
mode: ‘month’,
currentDate: new Date()
};
constructor(public navCtrl: NavController, private modalCtrl: ModalController, private alertCtrl: AlertController, public calService: CalendarService) {
this.calService.cargarStorage(this.eventSource);
}
// Agrega un evento
addEvent() {
let modal = this.modalCtrl.create(‘EventModalPage’, {diaSeleccionado: this.diaSeleccionado});
modal.present();
modal.onDidDismiss(data => {
if (data) {
let eventData = data;
this.calService.cargarStorage(this.eventSource);
eventData.startTime = new Date(data.startTime);
eventData.endTime = new Date(data.endTime);
let events = this.eventSource;
events.push(eventData);
this.eventSource = [];
setTimeout(() => {
this.eventSource = events;
this.calService.guardarStorage(this.eventSource);
});
}
});
}
}
———————————————
Los métodos guardarStorage y cargarStorage los creé en un archivo de servicios aparte, este es el código.
guardarStorage(eventos){
localStorage.setItem(‘data’, JSON.stringify(eventos));
}
cargarStorage(eventos){
if(localStorage.getItem(‘data’)){
eventos= JSON.parse(localStorage.getItem(‘data’));
}else{
eventos= [];
}
}
O tal vez si me puedes dejar el fragmento de codigo de algún ejemplo se lo agradecería mucho 🙂