如何获取mat-select选中ID对应对象值并填充响应式表单

不需要额外绕路实现，以下两种方式都可以在选中选项时，把对应信息拆分同步到三个独立表单字段，完全保留响应式更新效果：

方案1：监听选择事件直接拆分赋值（推荐，无冗余逻辑） #

mat-select原生提供selectionChange输出事件，选中选项时会直接返回当前选中项的完整值，不需要额外存储中间绑定变量，直接在回调里给表单打补丁即可。
首先调整模板代码，移除原有双向绑定，改为绑定事件：

<mat-select (selectionChange)="handleAccountSelect($event)">
   <mat-option [value]="account" *ngFor="let account of listOfAccounts"> 
         Account {{account.accountNumber}} Agency {{account.agencyNumber}} Digit {{account.digitNumber}} 
   </mat-option>
</mat-select>

组件类中对应实现（以响应式表单为例，模板驱动表单直接给对应字段赋值即可）：

import { MatSelectChange } from '@angular/material/select';

// 初始化你的表单，包含三个独立字段
accountForm = this.formBuilder.group({
  accountNumber: [''],
  agencyNumber: [''],
  digitNumber: ['']
});

handleAccountSelect(event: MatSelectChange) {
  const selected = event.value;
  // 拆分字段赋值，自动触发表单的所有响应式钩子（valueChanges、校验逻辑等）
  this.accountForm.patchValue({
    accountNumber: selected.accountNumber,
    agencyNumber: selected.agencyNumber,
    digitNumber: selected.digitNumber
  });
}

如果需要表单初始化时回显mat-select的选中状态，只需要在给表单赋值后，把匹配到的完整account对象赋值给mat-select的value属性即可，逻辑和选中时反向对应。

方案2：绑定选项ID后匹配完整对象（匹配你之前的思路） #

如果业务要求mat-select的绑定值必须是选项ID而非完整对象，只需要调整mat-option的value绑定为ID，选中后从账户列表中匹配到完整对象再拆分赋值即可：
模板调整：

<mat-select (selectionChange)="handleAccountSelectById($event)">
   <mat-option [value]="account.id" *ngFor="let account of listOfAccounts"> 
         Account {{account.accountNumber}} Agency {{account.agencyNumber}} Digit {{account.digitNumber}} 
   </mat-option>
</mat-select>

组件回调逻辑：

handleAccountSelectById(event: MatSelectChange) {
  const selectedId = event.value;
  const targetAccount = this.listOfAccounts.find(item => item.id === selectedId);
  if (targetAccount) {
    this.accountForm.patchValue({
      accountNumber: targetAccount.accountNumber,
      agencyNumber: targetAccount.agencyNumber,
      digitNumber: targetAccount.digitNumber
    });
  }
}

避坑提示 #

• 不建议保留[(value)]="accountSelected"的双向绑定做中转，会多维护一个冗余的状态变量，增加同步出错的概率
• 两种方案的赋值逻辑都会正常触发表单的校验、值变更监听，和直接绑定formControl的响应式效果完全一致

内容的提问来源于stack exchange，提问作者Ozzott