warten Sie die Ausführung von foreach in ionic weiter 2 weiter

Question

Ich versuche, die Werte einer Array-Liste nach dem Ausführen der for-Schleife zu verwenden.

Mein Problem ist, dass, wenn ich meine Anwendung ausführen, es die nächsten Funktionen ausführt, ohne dass ich warten Schleife

Das ist mein TS-Code ist,

convertToPDF(){ 
    let loader = this.loadingCtrl.create({ 
     content: "Generating..." 
    }) 
    loader.present().then(_=>{ 
     this.TempNotesImagesList.forEach(n=>{ 
      this.convertToDataURLviaCanvas(n.url, "image/jpeg").then(base64Img => { 
       this.images.push(base64Img); 
      }); 
     }) 
    }).then(_=>{ 
     loader.dismiss(); 
     console.log(this.images); //Check images 
     this.createPdfX(); //convert to PDF :D 
    }); 

} 

Answer 1

Haben Sie den convertToDataURLviaCanvas müssen in Reihe laufen oder parallel?

Serie:

convertToPDF() { 
    let loader = this.loadingCtrl.create({ 
     content: "Generating..." 
    }); 
    loader.present() 
    .then(_ => this.TempNotesImagesList.reduce((p, n) => p.then(_ => this.convertToDataURLviaCanvas(n.url, "image/jpeg").then(base64Img => { 
     this.images.push(base64Img); 
    })), Promise.resolve())).then(_ => { 
     loader.dismiss(); 
     console.log(this.images); //Check images 
     this.createPdfX(); //convert to PDF :D 
    }); 
} 

Parallel:

convertToPDF() { 
    let loader = this.loadingCtrl.create({ 
     content: "Generating..." 
    }); 
    loader.present() 
    .then(_ => Promise.all(this.TempNotesImagesList.map(n => this.convertToDataURLviaCanvas(n.url, "image/jpeg").then(base64Img => this.images.push(base64Img))))) 
    .then(_ => { 
     loader.dismiss(); 
     console.log(this.images); //Check images 
     this.createPdfX(); //convert to PDF :D 
    }); 
}