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

Question

In Angular 2, I call a web service and it respond data properly,

but when I'm going to bind that data, It's not binding for Kebab case property( company-name ).

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

but it's bind perfect for

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

Answer 1

In JavaScript dashes are not allowed in variable names. The interpreter will think this is a subtraction.

You can however access the property like this:

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