angular - 在 HTML 中绑定(bind)数组值

Question

我的数据在console.log中的输出:

{TotalPendingResponseCount: 0, TotalRequestSendCount: 1, TotalRequestReceivedCount: 1, TotalRequestRejectCount: 3}

为了捕获这些信息，我将其保存在数组中:

userData : arrayResponseCount[];
To get the result:
this.dataservice.getData(Url).
    subscribe((res: any) => 
    { this.userData = res });
  }

我的 arrayResponseCount 类是:

class arrayResponseCount {
  constructor(public TotalRequestSendCount: string, public TotalPendingResponseCount: string,
              public TotalRequestRejectCount: string, public TotalRequestReceivedCount: string
  ){}
}

现在我需要绑定(bind) HTML 中的值。为此，我使用的语法是

{{userData.TotalRequestSendCount}}

但它抛出了异常，即错误类型错误:无法读取未定义的属性“TotalRequestSendCount”。

你对此有什么想法吗？

Answer 1

由于您是从异步请求获取数据，因此可能会出现延迟，您可以使用安全导航运算符 ? 来处理，

{{userData?.TotalRequestSendCount}}