Dash案例(Kebab案例)数据绑定角度为2

时间:2016-08-09 10:55:35

标签: javascript angular typescript ecmascript-6

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

但是当我要绑定该数据时,它不会绑定Kebab案例属性(公司名称)。

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

但它的完美结合

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

1 个答案:

答案 0 :(得分:3)

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

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

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