用 http 调用完成一个专栏

Question

我在 angular 8 中有一个 table，要完成一个专栏，我必须执行一个 http 调用。现在列是

<td>{{getContractExcternalReference(orderFiltered.contractId)}}</td>

方法是

  async getContractExcternalReference(contractId){
    const data = await this.contractService.getContract(this.subdistributor.id, contractId).toPromise();
    return data.externalReference;
  }

我无法完成此列，或者为空或显示：[object Promise]

有什么想法吗？

Answer 1

使用 async pipe 而不是将 Observable 转换为 Promise。

模板如下所示：

<td>{{ (contractService.getContract(subdistributor.id, orderFiltered.contractId) | async).externalReference }}</td>

用 http 调用完成一个专栏

Complete a colum with http call

angular

promise

angular8

angular-promise