如何将嵌套数组放入rowData

Question

我是 Angular 和 JS 的新手，所以请保持温和。我有一个 Angular 5 服务，它可以获取如下结构的 JSON：

result: {
 objects: [
 {object1},
 {object2}.....

然后将 JSON 作为对象存储在我的 grid-component.ts 中的一个变量中：

getVehicles() {
this._vehicleService.getVehicles().subscribe(
  data => { this.vehicles = data },
  err => console.error(err),
  () => console.log('done loading vehicles')
);

我正在尝试将结果的数组部分 objects[] 放入 rowData，但没有任何运气。我尝试了几种方法；遍历对象并推送到 rowData。

for (let vehicle of this.vehicles.result.objects) {
   this.gridOptions.rowData.push(vehicle);

只是将 objects[] 分配给 rowData 但似乎没有任何效果。问题似乎出在我的表情上；

this.vehicles.result.objects;

过去车辆 Angular 所说的一切都是未定义的。奇怪的是，如果我在模板中使用字符串插值，我可以使用 *ngFor 创建一个列表 if vehicleIds 使用相同的表达式，尽管控制台仍然抱怨未定义的属性；

<ul>
<li *ngFor="let vehicle of vehicles.result.objects">
  {{ vehicle.vehicleId }}
</li>

显然，我在这里缺少一些基本的东西。任何建议将不胜感激。

Answer 1

问题在于您的 vehicles 对象，最初在渲染组件时未定义它。添加? 来解决这个问题。

<ul>
<li *ngFor="let vehicle of vehicles?.result.objects">
  {{ vehicle.vehicleId }}
</li>

使用async 管道解决此问题的其他可能方式。你可以找到与async管道here相关的文档