如何将 Angular-Material Select 字段的显示值绑定到 ngModel

Question

我对 Angular 开发场景还很陌生，并从一个简单的出租车预订表开始。我附加了一个带有 Array 的 Material-Select 字段，该 Array 具有 2 个属性，如下所示：{value: 24, view: '1010 - Vienna'}效果很好，但是当我提交表单并检查 console.log 字段 zip 等于 24 时。如何实现，ngModel 绑定到我的下拉列表的 view 属性？非常感谢你！预期行为：当我通过 onSubmit() 提交表单时，表单对象的属性 zip 应输出“1010 - Innere Stadt”而不是 24我想将它包含在 ngForm 创建的 Form 对象中，然后我可以直接将它发送到我的 Express API 以将其存储在数据库中。下面附上图片应用程序组件.html<form (ngSubmit)="onSubmit(form)" #form="ngForm"><mat-select placeholder="Postleitzahl" [(ngModel)]="zipValue" name="zip">    <mat-option *ngFor="let z of zip" [value]="z.value" >{{z.view}}     </mat-option>  </mat-select>    <button type="submit">submit</button></form>app.component.tsimport { Component, OnInit, OnChanges } from '@angular/core';import { NgForm } from '@angular/forms';@Component({  selector: 'app-form-de',  templateUrl: './form-de.component.html',  styleUrls: ['./form-de.component.css']})export class FormDeComponent {zip = [    { view: '1010 - Innere Stadt', value: 24 },    { view: '1020 - Leopoldstadt', value: 25 },] onSubmit(form: NgForm) {    console.log(form.value);  }}