角填充来自其他对象的值的边界选择

Question

我有一个用于模型AltChar的表格。在此表单中，有一个altChar.source.id的选择。但是，需要从另一个对象char.locations中检索其选项。最重要的是，当它更改时，它需要向事件监听器发送Location对象。

<mat-select matInput placeholder="Select location" 
  [(ngModel)]="altChar.source.id" name="source"
  (selectionChange)="locationChanged($event.value)">
    <mat-option *ngFor="let location of char.locations" [value]="location">
        {{ location.source.title }} (p. {{ location.page }})
    </mat-option>
</mat-select>

上述代码的问题在于，它将错误地将Location对象分配给数字source.id。有解决这个问题的好方法吗？