angular - 表单中预填充的禁用角度输入在模板驱动中被视为无效

Question

我有一个已禁用且必需的输入字段，其值已预先填充，但仍然在提交时收到无效的表单控件。

<input type="text" name="plantCode" id="plantCode" #plantCode="ngModel"
                      [(ngModel)]="runningRecordModel.plantCode" class="form-control" disabled required />

标签： angular

Answer 1

这是因为当您使用禁用时，值被标记为空。这与您所需的条件相冲突。

而不是使用禁用，您应该使用只读。

1. 如果您使用模板驱动的表单，只需使用 readonly 属性。
2. 如果您使用反应式表单，这里有一些解决方法：如何使 formControl 只读