破折号案例（Kebab案例）数据绑定在角度2

Question

在Angular 2中，我调用了Web服务，它可以正确响应数据，

但是，当我要绑定该数据时，它并不与Kebab案例属性（ company-name ）绑定。

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

但是它非常适合

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

Answer 1

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

但是，您可以这样访问属性：

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