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

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
  ){}
}

现在我需要用html绑定这个值。为此，我使用的syntex是
{{userdata.totalrequestsendcount}
但它引发了异常，即error typeerror:无法读取未定义的属性“totalrequestsendcount”。
你对此有什么想法吗？

最佳答案

当angular首先计算绑定时，{{userData.TotalRequestSendCount}}还没有值。
改用

{{userData?.TotalRequestSendCount}}

当userData为空时，它不应该尝试访问TotalRequestSendCount（它被称为安全导航操作员）

关于angular - 在HTML中绑定(bind)数组值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46211889/