将承诺值返回给 Angular 中的调用函数

Question

我已经创建了一个从服务中获取值的承诺，然后在 save_data 函数中分别将其返回到 trans 和 confidence 到 transcript 和 conf。我将如何使用将这些值返回给调用函数，并且在所有承诺都成功返回之前，其余代码不应执行。

 fetchTransValues() {
      return new Promise((resolve, reject) => {
        setTimeout(function() {
            var trans =  this.service.getTranscriptValue();
          var confidence =this.service.getConfidenceValue();
        }, 1000);
      });
    }
    async save_recording(){  

      this.fetchTransValues().then(function(message) {
        this.answer_loading=true;
        let formData=new FormData();
        const transcript_arr = [];
        const confidence_arr = [];

        
        ....
        ....
        this.http.post(this.baseUrl+'api/auth/get-results', formData).subscribe(response  => {
      
      
        });
      });
     

承诺中的价值： 任何解决此问题的解决方案，谢谢

Answer 1

使用 trans 和 confidence 结果解决您的承诺，并在承诺解决时捕获这些结果。如您使用async，请使用await。这也解决了您的代码存在的this 问题：

class Container {
    service = {
        getTranscriptValue() { return "dummy" },
        getConfidenceValue() { return "another dummy" }
    }
    
    fetchTransValues() {
        return new Promise((resolve, reject) => {
            setTimeout(() => {
                const trans = this.service.getTranscriptValue();
                const confidence = this.service.getConfidenceValue();
                resolve({trans, confidence});
            }, 1000);
        });
    }

    async save_recording(){  
        const {trans, confidence} = await this.fetchTransValues();
        console.log("received", trans, "and", confidence);
        this.answer_loading = true;
        // ..etc
    }
};

new Container().save_recording();