如何在angular中映射两个不同的对象并在ag-grid中显示

export class ObjectA {
  id: number;
  name: string;
  age: number;
}

export class ObjectB {
  identifier: number;
  title: string;
  description: string;
}

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

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

  getObjectAData() {
    return this.http.get<ObjectA[]>('api/objectA');
  }

  getObjectBData() {
    return this.http.get<ObjectB[]>('api/objectB');
  }
}

import { Component, OnInit } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app-grid',
  templateUrl: './grid.component.html',
  styleUrls: ['./grid.component.css']
})
export class GridComponent implements OnInit {
  objectAData: ObjectA[];
  objectBData: ObjectB[];
  mappedData: any[];

  constructor(private dataService: DataService) {}

  ngOnInit() {
    this.dataService.getObjectAData().subscribe(data => {
      this.objectAData = data;
      this.mapData();
    });

    this.dataService.getObjectBData().subscribe(data => {
      this.objectBData = data;
      this.mapData();
    });
  }

  mapData() {
    if (this.objectAData && this.objectBData) {
      this.mappedData = [];

      // Perform mapping logic here
      // Map properties from ObjectA and ObjectB to a new object

      // Example mapping logic:
      for (let i = 0; i < this.objectAData.length; i++) {
        const mappedObject = {
          id: this.objectAData[i].id,
          name: this.objectAData[i].name,
          age: this.objectAData[i].age,
          identifier: this.objectBData[i].identifier,
          title: this.objectBData[i].title,
          description: this.objectBData[i].description
        };

        this.mappedData.push(mappedObject);
      }
    }
  }
}

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

columnDefs = [
  { headerName: 'ID', field: 'id' },
  { headerName: 'Name', field: 'name' },
  { headerName: 'Age', field: 'age' },
  { headerName: 'Identifier', field: 'identifier' },
  { headerName: 'Title', field: 'title' },
  { headerName: 'Description', field: 'description' }
];