Angular 材料 Select 默認值未被選中

Question

我有一個 select 盒子，我在其中綁定了對象數組。 我想為其設置一個默認初始值，即第 0 個 position 值，我嘗試使用 [(value)] 和 [(ngModel)] 但它不起作用。 我錯過了什么嗎？

HTMl -

<mat-form-field>
      <mat-label>Select</mat-label>
      <mat-select (selectionChange)="onLifeChange($event)" [(value)]="lifeId">
        <mat-option *ngFor="let life of lifeData" [value]="life">{{life?.fxlifeid}}</mat-option>
      </mat-select>
    </mat-form-field>

TS -

 getLives(): void {
    this.insuredService.getLives(caseId).subscribe(res => {
      this.lifeData = res;
      this.numberOfLife = this.lifeData.length;
      this.lifeId = this.lifeData[0].fxlifeid;
    })
  }

我在 ngOnInit 上調用 getLives。

Answer 1

在您的 component.ts 文件中創建一個 FormControl object

formCotrolName = new FormCotrol();

在 component.html 文件中將此 object 分配給 mat-select 控件

[formCotrol]='formCotrolName'

現在在您的 component.ts 文件中，我們使用 formCotrol.value 屬性從該下拉列表中獲取值。 但是這個值屬性是只讀的。 要設置值，我們需要使用 setValue 方法

formControl.setValue(value);