Angular 5：验证禁用的字段

Question

我找到了这篇文章，但它不能解决我的问题。我无法验证禁用 FormControls 的简单表单。我确实在这里做了一个 stackblitz 示例，请查看我的代码并验证如果名称控件被禁用，则无法验证它的值。

闪电战代码

先感谢您。

Answer 1

@Eliseo 的解决方案：

如果您不想丢失验证，您可以使用[attr.disabled]="condition ? true : null"（或任何条件）。这使您的控件看起来已禁用但仍处于“验证”状态。

Answer 2

禁用字段未被验证的原因是因为角度形式会跳过验证。由于跳过了控制级别，因此您需要在组级别添加该验证。归功于此评论https://github.com/angular/angular/issues/25182#issuecomment-408629027

代码如下所示：

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