Ionic Storage get funktioniert nicht, bis die Seite neu geladen wird

Question

Ich versuche ein Array aus dem Speicher "zu holen", speichere es unter MaschinenArray und erstelle eine Ion-Liste. Mein einziges Problem dabei ist, dass ich die Seite nach dem "ionic serve" -Befehl einmal neu laden muss, ansonsten heißt es Maschinen = null als Beispiel.

Ich dachte, es könnte ein Problem sein, wenn diese Funktion async ist und der HTML-Code vorher geladen wird, aber wenn ich das Event später über eine Schaltfläche trigge, heißt es immer noch null.

I inititalize das Array über dem Konstruktor:

export class MaschinenParkPage { 
maschinenArray : Maschine[] = []; 

constructor(private menu: MenuController, public alertCtrl: AlertController, public navCtrl: NavController, private storage: Storage) { 


    this.storage.get('maschinen').then((buffer) => { 

     this.maschinenArray = buffer; 
    }); 

Irgendwelche Ideen? Oder ist der Konstruktor vielleicht der falsche Ort, um einige Variablen zu initialisieren?

Answer 1

Müssen Sie dieses Array wirklich deklarieren?

Wenn Sie es richtig im Speicher gespeichert haben, können Sie als Objektarray abrufen,

export class MaschinenParkPage { 
maschinenArray : any; 

constructor(private menu: MenuController, public alertCtrl: AlertController, public navCtrl: NavController, private storage: Storage) { 


    this.storage.get('maschinen').then((buffer) => { 

     this.maschinenArray = buffer; 
     console.log(this.maschinenArray); 
    }); 

ich schon so etwas wie dies in meinem Code geschrieben haben bereits und arbeitet völlig in Ordnung. Sie können gehen Chrom prüfen (Strg + Scheiße + I) und überprüfen console.log

Update: inspizieren Chrom gehen auch -> Registerkarte Anwendung -> IndexedDB 'Maschinen' Lagerung zu finden. Prüfen Sie.

Answer 2

Yeah jetzt erinnere ich mich an das Problem, denke ich. Ich hatte ein ähnliches Problem, bei dem ich mich anmelden und Daten gemäß den Login-Daten anzeigen wollte.

1. Zuerst habe ich location.reload(); Das lädt die ganze App nach der Anmeldung neu, was nicht nett ist.

2. Dann habe ich Events from ionic angular gefunden, die mein Problem gelöst hat. Du kannst es versuchen. Beispielcode ist,

in meiner Sidebar Controller, wo ich es

this.events.subscribe('user:login',() => { 
     this.ngOnInit(); 
    }); 

in Anmeldungs ​​Controller

this.storage.ready().then(() => { 
     this.storage.set('loginData', response).then(()=>{ 
     this.events.publish('user:login'); 
     }); 
    }); 

nach meinem Code abonnieren i Abrufen von Daten aus dem Speicher in ngOnInit. Hoffe, das hilft.