对象中的JSON对象引用HHML

Question

我有一个类型为：trip的JSON数据文件。行程中有一个对象：驾驶员(带姓名、id等(。

{
"id": "1",
"gpsStart": "N50.418716° , E006.750000°",
"gpsEnd": "N50.318516° , E006.750000°",
"tripBuinsness": true,
"startOdometer": 25698,
"endOdometer": 25700,
"wayPoints": [
"N50.418716° , E006.750000°",
],
"driver": [{
"name": "Theo"
}]
}

如何在html中引用驱动程序名称？

<tbody>
<tr *ngFor="let trip of trips">
<td>{{trip.projectName}}</td>
<td>{{trip.driver}}</td>
</tr>
</tbody>

Answer 1

您不需要ngFor超程，因为它是一个对象，请将其更改为trip.driver，它是一组对象，

<tbody>
<tr *ngFor="let driver of trip.driver">
<td>{{driver.name}}</td> 
</tr>
</tbody>

Answer 2

如果你只想要第一个驱动程序，你可以通过第0个索引访问他：

<tbody>
<tr *ngFor="let trip of trips">
<td>{{trip.projectName}}</td>
<td>{{trip.driver[0].name}}</td>
</tr>
</tbody>

但如果你想让所有的驱动程序在你的模板中添加另一个ngFor循环：

<tbody>
<tr *ngFor="let trip of trips">
<td>{{trip.projectName}}</td>
<td>
<span *ngFor="let d of trip.driver">{{d.name}} </span>
</td>
</tr>
</tbody>

Answer 3

'driver'是一个数组。我认为您可以通过执行trip.driver[0].name或在trip.driver.上迭代来访问该名称