javascript - 破折号案例(Kebab 案例) Angular 2 中的数据绑定(bind)

Question

在 Angular 2 中，我调用一个 Web 服务，它正确响应数据，

但是当我要绑定(bind)该数据时，它不绑定(bind) Kebab case 属性(公司名称)。

<div *ngFor="let company of companyDetailsList">
     {{company.company-name}}
</div>

但它的绑定(bind)非常适合

<div *ngFor="let company of companyDetailsList">
     {{company.address}}
</div>

Answer 1

在 JavaScript 中，变量名称中不允许使用破折号。解释器会认为这是一个减法。

但是，您可以像这样访问该属性:

<div *ngFor="let company of companyDetailsList">
     {{company["company-name"]}}
</div>