TypeScript Promise機能の問題

Question

ローカルに保存されているデータが存在するかどうかを確認し、それに応じてビューの一部を表示/非表示しようとしています。私はそうのようformMarkersDisplayするにはtrueまたはfalseを割り当てることによって、この操作を行います。getReport

isNearMiss(pk) { 
    let sectionSevenObj : any; 
    this.getReport(pk).then((report) => { 
     if (report) { 
      sectionSevenObj = JSON.parse(report); 
      sectionSevenObj = sectionSevenObj.report.sections.section7; 
      if(Object.keys(sectionSevenObj).length != 0) { 
       this.is_markers = true; 
      } else { 
       this.is_markers = false; 
      } 
     } 
    }); 
    return this.is_markers; 
} 

そしてここにある：

ここ

ionViewWillEnter() { 
    this.formMarkersDisplay = this.dataService.isNearMiss(this.appGlobal.getReportPrimaryKey()); 
} 

がisNearMiss機能である

getReport(pk) { 
    return this.storage.get(pk); 
} 

問題は、このことです.is_markersは、私がtrueを期待していてもfalseに設定されます（これはconsole.logに表示されます）。私は約束と一緒に働くことに頭を悩ましてきました。私はこれがそれに関連するかもしれないと思う。

このコードを変更するにはどうすればよいですか？

Answer 1

はい、約束を使用できます。あなたのコードの問題は、ブロックされていないことです。したがって、this.getReport()と入力して実行すると、this.is_makersが宣言された状態で初期状態に戻り、this.getReport()が終了するのを待ちません。

約束を使用するために、あなたがこれを行うことができます：

isNearMiss = (pk: any): Promise<boolean> => { 
    return new Promise<boolean>(ret => { //RET VAR IT'LL RETURN IN CASE OF SUCCESS 
    let sectionSevenObj : any; 
    this.getReport(pk).then((report) => { 
     if (report) { 
     sectionSevenObj = JSON.parse(report); 
     sectionSevenObj = sectionSevenObj.report.sections.section7; 
     if(Object.keys(sectionSevenObj).length != 0) { 
      ret(true); // it'll return true 
     } else { 
      ret(false); 
     } 
     } 
    }); 
    }) 
} 

を、あなたが約束を返す必要があなたのionViewWillEnter

ionViewWillEnter() { 
    this.dataService.isNearMiss(this.appGlobal.getReportPrimaryKey()).then(ret =>{ 
    // DO THE CODE IF RET IS TRUE OR FALSE, LIKE SETING this.formMarkersDisplay = ret; 
    }); 
}