html select默认空值,关于html：如何在具有空值的Angular select元素上具有默认的“请选择”选项以进行验证？...

我在Angular ngFor循环中有一个select HTML元素：

{{ type.caption }}

在Internet Explorer中，加载模板时会选择列表中的第一项，但未在表单控件中设置其值，因此会导致"必填"验证错误，直到在列表中选择了另一个值。 我想要一个"请选择"选项，该选项的值为空，以防止发生这种情况。

这适用于使用或不使用TypeScript的Angular 2+

像这样添加一个选项：

Please select

因此，您的控件将如下所示：

Please select

{{ type.caption }}

由于Angular会由于方括号而检查value属性，因此该方法起作用。 该值变成了一个真正的null，这与我们使用value ="(这只是一个空字符串，不匹配null)不同。

component.ts

public selectedValue = 'None';

component.html：

Highlight

None

{{trunklist.SIPTRUNKNAME}}

这是我的代码，请根据您的要求进行修改