Javascript 在<；中设置选项；mat-选择>；以编程方式基于选项索引

我有一个用户，其选项已预先填充了服务。 选项的“值”相同，但“说明”不同

例如：

list=[{value:1，说明：'a'}，{value:1，说明：'b'}，{value:1，说明：'c'}]

我在后端数据库中分别捕获值和描述。 现在,

在重新加载时，我想映射到用户选择的选项（比如“b”）

但是当我使用

this.fgHeadPerform.patchValue（{selectformCtrName:“1”}）

这显示了在中选择的第一个选项（在本例中为“a”） 3.我想显示第二个选项，该选项为“b” 4.我已经试过设置

document.getElementById（“sel”）.textContent='b'

但这会导致select失去其下拉功能，如果用户愿意，则无法进行更改

在上面的例子中，我可以做些什么来设置索引

---

“b”位于index=1，因此选项“b”将在

中设置。据我所知，您有一个数组，希望使用索引作为

在这种情况下，您可以这样做：

<mat-select formControlName="selectformCtrName" >
  <mat-option *ngFor="let option of list; let i = index" [value]="i">
    {{option.Description}}
 </mat-option>  
</mat-select>

---

缺点是，为了获得所选描述或值，您需要再次从FormGroup中检索所选索引。

谢谢您的回答。我使用了解决方案，根据需要对其进行了一些修改。现在，我从中获取所选选项的索引，并从中获取值。帮了大忙！

this.fgHeaderForm.patchValue({selectedformCtrName: "1"});