Angular 2 - ngfor - 带空格的字段

时间:2017-10-10 15:46:07

标签: javascript html angular2-template

我正在研究一个示例应用程序。我有一个“客户端”服务连接到“客户端”组件。我可以告诉我,我收到一个返回类似于:

的HTTP请求
[{
   "ID": 1,
   "Client Name": "Test1"
 },
 {
   "ID": 2,
   "Client Name": "Test2"
 }
]

因此,在我的clients.componenet.html文件中,我只是简单地列出了返回

我能够很好地获得“ID”属性

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

但我正在尝试获取“客户名称”字段。

我尝试了一些诸如

之类的事情

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

但这似乎都不起作用。访问该字段名称中有空格的属性的最佳方法是什么?

1 个答案:

答案 0 :(得分:3)

尝试使用客户端[&#34;客户端名称&#34;]而不是客户端[客户端名称],这应该可行。