来自 api 的数据在控制台中，但在网页上显示为“对象对象”

Question

我目前正在尝试将 api 数据显示到我的 Angular 14 web 页面中。 该阵列显示在控制台中，但在 web 页面上显示的是 object Object。

  getAllVehicles(): Observable<Vehicle[]>{ return this.http.get<Vehicle[]>(this.baseApiUrl + '/api/ingress');}


ngOnInit(): void {
this.vehiclesService.getAllVehicles()
.subscribe({
  next: (vehicles) => {
    console.log(vehicles)
    this.vehicles = vehicles;
  },
  error: (response) => {
    console.log(response);
  }
});

}

<tbody>
        <tr *ngFor="let vehicle of vehicles">
            <td>{{vehicle}}</td>
         <!--   
            <td>{{vehicle.DecodedVehicleLeafId}}</td>
            <td>{{vehicle.Description}}</td>
            <td>{{vehicle.IsSummarizedData}}</td>
            <td>{{vehicle.IsActive}}</td>
            <td>{{vehicle.SourceBrandCode}}</td>
            <td>{{vehicle.VehicleYear}}</td>
            <td>{{vehicle.Attribute1}}</td>  
            <td><a [routerLink]="['/vehicles','edit', vehicle.VehicleCatalogId]">View</a></td>
        -->
        </tr>
    </tbody>