angular - Angular - 如何在下拉列表中设置默认选项

Question

我正在尝试使用 ngfor 实现一个下拉列表，但我有两个问题。

1. 我没有在第一个元素上选择默认值。该数组有 4 个元素。在 mat-select 的第一个 ngFor 中，我想选择 4 个项目，并且默认情况下最好选择第一个项目。

2. 最后显示了一个不需要的空箭头（线）。

有人可以建议一个更好的解决方案。这是我的实现，在浏览了关于这个主题的这么多帖子后我已经完成了。

  <mat-select *ngFor="let level of myArray; let i=index " placeholder="{{myArray[i+1].name}}">
           <mat-option *ngFor="let child of level.children | keyvalue" value="{{child.value.name}}" >
              {{child.value.name}}
           </mat-option>
            {{level.name}}
  </mat-select>

标签： angulardrop-down-menuhtml-select

Answer 1

尝试使用名称绑定值：[value]="{{child.value.name}}而不是value="{{child.value.name}}"

那就是在这行代码中：

<mat-option *ngFor="let child of level.children | keyvalue" value="{{child.value.name}}" >