用承诺（离子和角度）检索数据[重复]

Question

开发人员您好，我正在尝试使用 promise 从我的 API 中检索数据，并在我的函数中使用这些值....这是我在服务中的函数

getetudiant() {
    return new Promise((resolve, reject) => {
        this.http.get('http://localhost/eportfolio/etudiantprofile.php')
            .map(res => res.json())
            .subscribe(data => {
                resolve(data);
            }, error => {
                reject(error);
            })
    })
}
}

这是我在页面上的调用。问题是在函数之外调用 etudiantstage 它给了我一个空数组

}
getAllStageItems(){
     this.etprofile.getetudiant().then((data: any) => {
        this.etudiantstage = data
        console.log(this.etudiantstage);
    });       

    console.log(this.etudiantstage);

    for(let item in this.etudiantstage){
        console.log(this.etudiantstage[item].cin);
        if(this.etudiantstage[item].cin == this.cin)
        this.validerAffiche = true;}
}

第一个 console.log(this.etudiantstage) 工作，但第二个不工作 Screen Shot 谁能帮我解决这个问题，拜托！

Answer 1

因为它是异步的。

所以，如果你想在从服务器获取数据后处理数据，逻辑应该在 promise/observable 订阅逻辑中。

首先，让服务函数返回 observable

getetudiant() {
    return this.http.get('http://localhost/eportfolio/etudiantprofile.php')
            .map(res => res.json())   // should check Http or HttpClient since if you use HttpClient, you do not need to use res=>res.json().
}

和

getAllStageItems(){
     this.etprofile.getetudiant().subscribe((data: any) => {
        this.etudiantstage = data
        console.log(this.etudiantstage);

    // <= getting data and execute these logic here
    console.log(this.etudiantstage);

    for(let item in this.etudiantstage){
        console.log(this.etudiantstage[item].cin);
        if(this.etudiantstage[item].cin == this.cin)
        this.validerAffiche = true;}
    });       
}