在for循环中进行mat-select，在下拉菜单中设置“ selected”-角度

Question

我在html中循环浏览“ menuOptions”，以便在mat-accoridion（角度材质api）的下拉菜单中输出多个选项

我希望该值成为每个选择下拉列表中的值，因此我将[[value）]设置为我的for循环中的元素（如下所示）

<mat-option *ngFor="let option of menuOptions" [value]="option" (click)="selectConfig(option)">
      {{option}}
</mat-option>

但是，我希望在第一次加载时自动选择一个。...（自动选择数组menuOption中的第一个菜单选项）我不能只在我的打字稿文件中设置选项，因为我只有可用的menuOptions（数组） 。 option是我在for循环中循环的元素。

任何想法如何以其他方式设置选项？

谢谢！

Answer 1

需要在封闭的mat-select元素中定义所选的值。

<mat-select [value]="selectedMenuOption">

假定您的组件中有一个名为selectedMenuOption的公共成员。

通过[(value)]定义双向绑定时，您甚至可以摆脱为click元素定义的mat-option事件处理程序。

<mat-select [(value)]="selectedMenuOption">

以下StackBlitz中的Angular Material Examples很好地说明了这一点。