Javascript HHTML中对象引用中的JSON对象

我有一个类型为：trip的JSON数据文件。In trip是一个对象：driver（带有名称、id等）

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

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

{{trip.projectName}
{{trip.driver}}

您不需要

ngFor

过行程，因为它是一个对象，请将其更改为

行程。driver

是一个对象数组

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

{{driver.name}

您不需要

ngFor

过行程，因为它是一个对象，请将其更改为

行程。driver

是一个对象数组

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

{{driver.name}

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

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

{{trip.projectName}
{{trip.driver[0].name}

但如果您希望所有驱动程序向模板中添加另一个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>

{{trip.projectName}
{{d.name}

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

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

{{trip.projectName}
{{trip.driver[0].name}

但如果您希望所有驱动程序向模板中添加另一个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>

{{trip.projectName}
{{d.name}

“驱动程序”是一个数组。我认为您可以通过执行trip.driver[0].name或迭代trip.driver来访问该名称。

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

driver

是一个数组。您需要使用

ngFor

来实现它，就像您使用

trips

driver

是一个数组一样。您将需要使用

ngFor

进行it操作，就像您在

trips中使用的方法一样