Angular Material => 從 formControlName 設置 mat-select 的值

Question

我的角度版本是 7。我正在創建一個表單，其中有一個下拉選擇來選擇一個選項。 我的列表正在用於選擇，但是當我加載頁面時，它沒有顯示預定義的值。 該頁面是用於編輯用戶數據的表單。 下面是我的html代碼，

<ng-container matColumnDef="name">
    <mat-header-cell *matHeaderCellDef>Server Name</mat-header-cell>
    <mat-cell *matCellDef="let row; let index = index" [formGroupName]="index">
        <mat-form-field>
            <!-- <input class="jminput" matInput formControlName="name" autocomplete="off"> -->
            <mat-select matSelect [formControl]="name">
                <mat-option *ngFor="let item of arr" value="item">{{item}}</mat-option>
            </mat-select>
            <mat-error *ngIf="name.touched && !name.required">
                Server Name is required
            </mat-error>
        </mat-form-field>
    </mat-cell>
</ng-container>

當我用<input>代替<mat-select> ，它會工作並顯示初始值。 所以我認為formControlName="name"工作正常。 但它不適用於<mat-select> 。

請建議。

Answer 1

將value="item"更改為[value]="item"

Answer 2

您使用了[formControl]="name"而不是formControlName="name" 。 此控件的啟動值設置必須是arr數組的元素。