Angular 5：验证禁用字段

Question

我找到了 但它不能解决我的问题。我无法验证禁用了 FormControls 的简单表单。我在这里做了一个 stackblitz 的例子，请检查我的代码并验证如果它被禁用是不可能验证名称控件的值的。

Stackblitz code

提前致谢。

Answer 1

:

If you want not loose the validate you can use [attr.disabled]="condition ? true : null" (or any condition). This give your control an apparence of disabled but still is "validating".

Answer 2

未验证禁用字段的原因是 angular 表单从验证中跳过了它们。 由于跳过了控制级别，因此您需要在组级别添加该验证。感谢此评论 https://github.com/angular/angular/issues/25182#issuecomment-408629027

代码如下所示：

this.formGroup.setValidators((form) => Validators.required(form.get('disabledControl'));