@Pratikjaiswa15 wrote:
Recently I moved from Cordova to capacitor storage API. And I am having a very strange issue. At page1 I am setting 4 values to local storage, but when I access these values on another page, one value is getting displayed as null.
I tried many approaches but value
user_id
is always null.I made sure value is getting stored in local storage.
I am also attaching images of console.log after setting and retrieving values from local storage
storage.service.ts
async set(key: string, value: any): Promise<any> { if(value == null || value == undefined) { console.log("dont'do") } else { try { await Storage.set({ key: key, value: value }); return true; } catch (reason) { console.log(reason); return false; } } } // to get a key/value pair async get(key: string): Promise<any> { try { const result = await Storage.get({ key: key }); console.log('storageGET: ' + key + ': ' + result.value); if (result != null) { return result.value; } else { console.log("null from service") return null; } } catch (reason) { console.log(reason); return null; } }
page1.ts
this.storageService.set('user_id',data[i].id ).then(val => console.log(val)) this.storageService.set('email', data[i].email).then(val => console.log(val)) this.storageService.set('phone_number', data[i].mobile_no).then(val => console.log(val)) this.storageService.set('firebase_uid', data[i].firebase_uid).then(val => console.log(val))
page2.ts
this.storageService.get('user_id').then(val => console.log(val)) this.storageService.get('email').then(val => console.log(val)) this.storageService.get('phone_number').then(val => console.log(val)) this.storageService.get('firebase_uid').then(val => console.log(val))
Console.log after setting values
console.log after retrieving local storage values
Posts: 1
Participants: 1