Anzeigen von Daten in HTML-Datei von JSON mit Angular2 - JSON, winklig

Ich versuche, Daten von einem JSON-Feed an die HTML-Datei zu übergeben.

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"}]}]

Antworten:

Sie können nicht darauf zugreifen als unit.cars ist ein Array von Objekten. Wenn Sie auf eines dieser Objekte zugreifen möchten, z vehicle_id Du könntest benutzen {{unit.cars[0].vehicle_id}}. Beachten Sie die [0] Wenn Sie ihm mitteilen, dass er auf das erste Element im Array zugreifen soll, können Sie dessen Eigenschaft anzeigen vehicle_id.

Würde raten, dass Sie so etwas tun müssten

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