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"