<mat-select> selectValue被填充下拉列表的数组中的第一项覆盖

Question

最近两周我一直在学习角度，而我目前正陷入一个使用角材料反应形式的问题。

当我运行以下代码时，下拉列表具有str.graphemeClusters.removeLast() 中的所有值，但是所选值显示为'a'而不是'c'

我希望我发布的代码不太模糊，我不得不删除一些可能会或可能不会敏感的代码。

html：

xS

组件：

    <div fxLayout="row">
      <mat-form-field>
        <mat-label>Label</mat-label>
        <mat-select formControlName="temp" placeholder="Temp" [compareWith]="compareObjects" [(value)]="selectedValue">
          <mat-option *ngFor="let x of xS" [value]="x">
            {{x}}
          </mat-option>
        </mat-select>
      </mat-form-field>
    </div>
Selected: {{ selectedValue }} <!-- Returns 'c' -->