如何在Angular 8中的Select标记上设置占位符？

Posted 2023-01-26

我正在创建一个下拉列表以过滤数据，所以我创建了一个下拉列表

<form  #filter="ngForm" (ngSubmit)="filterta(filter)" style="display: flex;">
       <select  ngModel #month="ngModel" name="month" required  >
                <option [ngValue]="null" [disabled]="true" >All</option>
                <option value="1">January</option>
       </select>
</form>

[当我从选择标签中删除ngModel #month="ngModel"这些属性时，它将显示占位符选项全部；当我添加这些属性时，它将在占位符中显示空白。

答案

在month = null中设置component.ts的初始值，然后在[(ngModel)]="month"的select标签中添加component.html。

另一答案

尝试这样：

另一答案

您需要稍微更改代码