Question

我已经为调用该服务的其余api和Angular组件实现了一项服务，java rest api工作正常（将结果返回给浏览器），我甚至能够在浏览器控制台中看到结果（元素数组） Angular应用程序。问题是我找不到访问数据的方法。see angular app concole here

java jaxb注释将根级别类名添加到数组中的每个元素（在这种情况下为trip）。

因此，当我在html中使用* ngFor时，它实际上显示了8行，但每行的数据都是空的。（数据实际上就在那里）。

＆＃34;旅行＆＃34;前缀适用于xml转换，但不适用于JSON格式。

服务方法

public getTrips: Observable<Trip[]> {
      return this.http.get<Trip[]>(this.myUrl);
    }

组件中的相关部分

myTrips: Trip[] = [];

  constructor(private tripService: TripService) { }

  ngOnInit() {
    this.getTrips();
  }

  getTrips() {
    this.tripService.getTrips()
    .subscribe(
      data => { this.myTrips = data},
      err => console.error(err),
      () => console.log(this.myTrips)
    );
  }

旅行界面

export interface Trip {
  description: string;
}

是否有人知道应该更新什么才能正确显示页面中的数据{{trip.description}}

谢谢！

Answer 1

尝试以下更改

<tbody>
  <tr *ngFor="let data of mytrips">
    <td>{{data.trip.description}}</td>
  </tr>
</tbody>

如何在Angular 5中使用jaxb和rest api正确检索数据？

1 个答案: