Beim Laden der anfänglichen Seite wird kein lokaler Speicherwert abgerufen

Question

Bei der Protokollierung auf der Konsole wird beim ersten Laden der Seite der folgende Code foo: undefined generiert, bei nachfolgenden Aktualisierungen wird jedoch foo: bar generiert.

ionViewDidLoad() { 
    let foo = this.storage.get('foo'); 

    Promise.all([ 
     foo 
    ]).then((result) => { 
     this.foo = result[0]; 
     this.doSomething(); 
    }); 
} 

doSomething() { 
    console.log('foo: ' + this.foo); 
} 

Ich verstehe diese asynchron ist, kann aber nicht herausfinden, wie der Wert aus dem Speicher bei der ersten Seite zu laden, zu bekommen, damit ich es in meiner Ansicht angezeigt werden kann. Ich dachte, ich mache das richtig? ...

Answer 1

Ein paar Dinge: Sie müssen nicht in eine Promise.all wickeln, weil es bereits ein Versprechen ist und weiter Promise.all ist für die Kombination mehrerer Versprechen in eine. Außerdem müssen Sie nicht auf ionViewDidLoad warten, um etwas aus dem Speicher zu holen, Sie können dies direkt im Konstruktor tun. Ich habe Ihren Code in einen Konstruktor verschoben und dem Versprechen einen Erfolgs- und Fehlerrückruf hinzugefügt. Ich habe auch eine andere Lösung mit async/await Syntax:

public foo; 
constructor(...) { 
    this.platform.ready().then(ready => { 
    this.storage.get('foo').then(
     result => { 
     this.foo = result[0]; 
     this.doSomething(); 
     }, 
     error => { 
     console.error(error); 
     }, 
    ); 

    this.doSomethingElse(); 
    } 
} 

doSomething() { 
    console.log('foo: ' + this.foo); 
} 

async doSomethingElse() { 
    let bar = await this.storage.get('bar'); 
    console.log('bar: ' + bar); 
}