用http调用完成一列

Question

我在angular 8中有一个表，要完成一列，我必须执行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

使用异步管道，而不是将Observable转换为promise。

模板如下所示：

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