如何在Angular Grid中显示JSON嵌套数据

export interface NestedData {
  id: number;
  name: string;
  nested: {
    nestedId: number;
    nestedName: string;
  };
}

import { HttpClient } from '@angular/common/http';

export class DataService {
  constructor(private http: HttpClient) {}

  getNestedData() {
    return this.http.get<NestedData[]>('api/nested-data');
  }
}

import { map } from 'rxjs/operators';

export class MyComponent implements OnInit {
  nestedData: NestedData[];

  constructor(private dataService: DataService) {}

  ngOnInit() {
    this.dataService.getNestedData().pipe(
      map((data: NestedData[]) => {
        return data.map((item: NestedData) => {
          return {
            ...item,
            nested: {
              nestedId: item.nested.nestedId,
              nestedName: item.nested.nestedName
            }
          };
        });
      })
    ).subscribe((data: NestedData[]) => {
      this.nestedData = data;
    });
  }
}

<ag-grid-angular
  style="width: 100%; height: 500px;"
  class="ag-theme-alpine"
  [rowData]="nestedData"
  [columnDefs]="columnDefs"
></ag-grid-angular>

export class MyComponent {
  columnDefs = [
    { headerName: 'ID', field: 'id' },
    { headerName: 'Name', field: 'name' },
    { headerName: 'Nested ID', field: 'nested.nestedId' },
    { headerName: 'Nested Name', field: 'nested.nestedName' }
  ];
}