如何在加载 Angular 表单时显示空白下拉值？
How do I display blank dropdown values upon loading an Angular form?
我在 Angular 中使用 ReactiveFormsModule 构建了一个表单，该表单主要通过 <select> 元素使用下拉框。
每个 <select> 都数据绑定到一个 Angular FormControl 实例；加载网页后，下拉菜单会自动加载来自 REST API 调用的值，但我想要的是让它们显示空白条目，直到用户手动单击下拉菜单并选择以下选项之一。
有没有办法使用 ReactiveFormsModule？
您可以直接在模板中的 select 中添加一个 option。如果需要，您也可以在该选项上使用 *ngIf 在收到数据后将其删除。可能是这样的：
<mat-select>
<mat-option *ngIf="!data" [value]="null">
Loading...
</mat-option>
</mat-select>
我在 Angular 中使用 ReactiveFormsModule 构建了一个表单，该表单主要通过 <select> 元素使用下拉框。
每个 <select> 都数据绑定到一个 Angular FormControl 实例；加载网页后，下拉菜单会自动加载来自 REST API 调用的值，但我想要的是让它们显示空白条目，直到用户手动单击下拉菜单并选择以下选项之一。
有没有办法使用 ReactiveFormsModule？
您可以直接在模板中的 select 中添加一个 option。如果需要，您也可以在该选项上使用 *ngIf 在收到数据后将其删除。可能是这样的：
<mat-select>
<mat-option *ngIf="!data" [value]="null">
Loading...
</mat-option>
</mat-select>