在下拉式onclick表格行中填充数据(基于表格行数据)，单位为angular

<table>
  <tr *ngFor="let row of tableData">
    <td>{{row.name}}</td>
    <td>{{row.age}}</td>
    <td>
      <select (change)="fillData($event.target.value, row)">
        <option *ngFor="let option of dropdownOptions" [value]="option">{{option}}</option>
      </select>
    </td>
  </tr>
</table>

export class AppComponent {
  tableData = [
    { name: 'John', age: 25 },
    { name: 'Alice', age: 30 },
    { name: 'Bob', age: 35 }
  ];

  dropdownOptions = ['Option 1', 'Option 2', 'Option 3'];

  fillData(selectedOption: string, row: any) {
    // 根据选中的下拉选项进行相应的数据填充
    // 例如，可以根据选中的下拉选项从后端获取数据，或者通过判断选中的值来填充不同的数据
    if (selectedOption === 'Option 1') {
      row.data = 'Data for Option 1';
    } else if (selectedOption === 'Option 2') {
      row.data = 'Data for Option 2';
    } else if (selectedOption === 'Option 3') {
      row.data = 'Data for Option 3';
    }
  }
}