Angular 2模型驱动表单中默认的无效选择选项

Default invalid select option in Angular 2 model-driven forms?

本文关键字：无效 选择 选项 默认 模型驱动 表单 Angular      更新时间：2023-09-26

有没有办法在Angular 2模型驱动的表单中实现一个无效的默认选择选项?

我在找这样的东西:

<select name="DateExpiryMonth" [(ngModel)]="model.DateExpiryMonth" ngControl="dateExpiryMonth" required>
    <option value="" selected="selected" disabled>Month...</option>
    <option *ngFor="let month of months" [value]="month">{{ month }}</option>
</select>

理想情况下，select上的required属性会确保第一个<option>在Angular 2中被认为是无效的，但我找不到任何文档表明这是可能的。

目前来看，第一个"Month…"选项在Angular 2中被认为是有效的。

我不认为这是一个理想的解决方案，但我发现，如果我将我的模型中的字段设置为null或未定义(在您的情况下model.dateExpiryMonth)，该角会认为表单无效。

相关文章：