Показване на данни в html файл от json с помощта на Angular2 - json, ъглово

Опитвам се да предам данни от json емисия към html файла, по-долу не работи.

app.component.html

<ul *ngFor="let unit of units">
<li>
{{unit.details.count}} // getting data OK result -> 5642
</li>
<li>
{{unit.cars.vehicle_id}} // not getting data
</li>
</ul>

units_feed.json

[{"details":{"count":"5642"},"cars":[{"vehicle_id":"2056437754"},{"vehicle_id":"2056437753"},{"vehicle_id":"2056356347"},{"vehicle_id":"2056437752"},{"vehicle_id":"2056395634"}]}]

Отговори:

Не можете да получите достъп до него като unit.cars е масив от обекти. Ако искате да получите достъп до един от тези обекти, т.е. тези с vehicle_id бихте могли да използвате {{unit.cars[0].vehicle_id}}, Забележете [0] че го казва за достъп до първия елемент от масива и можете да видите неговото свойство vehicle_id.

Бихте предположили, че ще трябва да направите нещо подобно

<ul *ngFor="let unit of units">
<li>
{{unit.details.count}}
</li>
<li *ngFor="let car of unit.cars">{{car.vehicle_id}}</li>
</ul>