Angular 2 - ngfor - 带空格的字段

Question

我正在开发示例应用程序。我有一个 "Clients" 服务连接到 "Clients" 组件。我可以说我收到了一个 HTTP 请求 returns 类似于：

[{
   "ID": 1,
   "Client Name": "Test1"
 },
 {
   "ID": 2,
   "Client Name": "Test2"
 }
]

所以在我的 clients.componenet.html 文件中，我试图简单地列出 return

我能够得到 "ID" 属性就这样

<li *ngFor="let client of clients">{{ client.ID }}</li>

但我正在尝试获取 "Client Name" 字段。

我尝试了一些方法，例如

<li *ngFor="let client of clients">{{ client.ID }}: {{client[Client Name]}}</li>

但其中 none 似乎有效。我访问字段名称中包含 space 的属性的最佳方式是什么？

Answer 1

尝试使用 client["Client Name"] 而不是 client[Client Name]，应该可以。

Angular 2 - ngfor - fields with spaces