/ / Zobrazenie dát v html súbore z jsonu pomocou Angular2 - json, uhlové

Zobrazenie údajov v html súbore z json pomocou Angular2 - json, angular

Snažím sa prenášať údaje z informačného kanála json do súboru html, nižšie nefunguje.

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

odpovede:

1 pre odpoveď č. 1

Nemôžete k nej pristupovať ako unit.cars je pole objektov. Ak ste chceli získať prístup k niektorému z týchto objektov, t vehicle_id môžete použiť {{unit.cars[0].vehicle_id}}, Všimnite si [0] že jej hovoríte, aby mala prístup k prvej položke v poli a vy si môžete pozrieť jej vlastnosť vehicle_id.

Hádali by ste, že budete musieť niečo také urobiť

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