由于订阅，无法将对象传递给组件

Question

我遇到了一个问题：我调用了一个 post 请求，该请求将一个对象保存在数据库中，并输入一个 json，该 json 基本上具有我要保存的对象的值（数据库会这样做），但是之后我希望我的 servlet 返回它保存的对象，因为如果它需要 id（id 是后端生成的唯一值） angular cli组件调用的servlet的代码是：

postprogetti(raw: any,cli:cliente,gr:any,fp:any,comp:any){
    var prog = '{'  +'"id":'+'0'+','+'"nome":'+'"'+raw[0]+'"'+','+'"cli":'+JSON.stringify(cli)+',"setCompetenze_prog":'+JSON.stringify(comp)+','+'"SetFigProf"'+':'+JSON.stringify(fp)+  ',"SetGruppo":'+JSON.stringify(gr)+'}'
    const obj = JSON.parse(prog);
    console.log("obj ->"+ JSON.stringify(obj))
    var res = this.http.post<any>('http://localhost:8080/postprogetto_competenze_figprof', obj).subscribe(
        (val) => {
            console.log("andata", val);
        })
       
}

console.log("andata", val); 这将打印我想要返回到组件的数据，如何编辑代码以使此函数返回此数据？谢谢

编辑：进口？

Answer 1

在这里你可以做一件事。你可以只返回你从这个 post 请求的调用中得到的 observable。然后您可以在同一文件的其他函数文件中订阅该 observable。像下面的东西

    postprogetti(raw: any,cli:cliente,gr:any,fp:any,comp:any){
    var prog = '{'  +'"id":'+'0'+','+'"nome":'+'"'+raw[0]+'"'+','+'"cli":'+JSON.stringify(cli)+',"setCompetenze_prog":'+JSON.stringify(comp)+','+'"SetFigProf"'+':'+JSON.stringify(fp)+  ',"SetGruppo":'+JSON.stringify(gr)+'}'
    const obj = JSON.parse(prog);
    console.log("obj ->"+ JSON.stringify(obj))
     //returning onservable on below line. 
     return this.http.post<any>('http://localhost:8080/postprogetto_competenze_figprof', obj);
       
}

现在在同一个文件或其他文件中调用此函数后需要订阅它。就像下面

 postprogetti(raw,cli,gr,fp,comp).subscribe((response) => {
     if(response) {
        console.log('response', response);
     }
    }, (error) => {
        console.error(error);
    });

Answer 2

您可以使用承诺的概念来获取数据。

postprogetti(raw: any,cli:cliente,gr:any,fp:any,comp:any){
 return new Promise(function(resolve){
      var prog = '{'  +'"id":'+'0'+','+'"nome":'+'"'+raw[0]+'"'+','+'"cli":'+JSON.stringify(cli)+',"setCompetenze_prog":'+JSON.stringify(comp)+','+'"SetFigProf"'+':'+JSON.stringify(fp)+  ',"SetGruppo":'+JSON.stringify(gr)+'}'
      const obj = JSON.parse(prog);
      console.log("obj ->"+ JSON.stringify(obj))
      var res = this.http.post<any>('http://localhost:8080/postprogetto_competenze_figprof', obj).subscribe(
          (val) => {
              console.log("andata", val);
              resolve(val)
          })
 });
       
}


// to get the data
postprogetti.then(function(data) {
  console.log(data)
})