有没有办法成功循环 Angular 服务调用

Question

如何才能成功运行以下代码？

onSubmit() {

    let pdfData = [
      {
        field_name: 'data.Date',
        value: this.freshDeskData.date,
        placeholder: '',
        page_no: 1,
      },
      {
        field_name: 'data.Fullname',
        value: "Bob Jones",
        placeholder: '',
        page_no: 1,
      },
    ];

     for(let i=0;i<pdfData.length;i++){
       this.signHub.addPDFInfo(pdfData[i]).subscribe((data) => {
         this.responseData = data[i]
       });
    }
  }

添加 PDF 服务：

 addPDFInfo(pdfInfo): Observable<PDFInfo> {
    return this.http.put<PDFInfo>(
      `${environment.apiUrl}/api/workflow/add-text-block?package_ID=${this.package_ID.data.package_id}&current_Document_ID=${this.current_Document_ID.data.documentid}`,
      pdfInfo
    );

}

该服务旨在循环遍历 JSON 对象并发布有关所选项目的信息，以填充 PDF 文档上的相关字段。但是，只有一个字段通过循环填充。另一个仍然是空的。

Answer 1

您可以通过使用 RxJs merge-operator 来实现这一点，例如：

onSubmit() {

    let pdfData = [
      {
        field_name: 'data.Date',
        value: this.freshDeskData.date,
        placeholder: '',
        page_no: 1,
      },
      {
        field_name: 'data.Fullname',
        value: "Bob Jones",
        placeholder: '',
        page_no: 1,
      },
    ];

     const requests = [];
     for(let i=0;i<pdfData.length;i++){
       requests.push(this.signHub.addPDFInfo(pdfData[i]));
     }
     merge(...requests).subscribe((data) => {
         this.responseData = data[i]
       })
  }

当然，您需要合并每个“下一个结果”的结果（您当前分配给 this.responseData）。解决该问题的候选人可能是reduce-operator

但是，如果不了解更多代码库，就很难给出准确的答案。