在formControlName中获取无效的验证器

是指在Angular中使用响应式表单时，通过formControlName指令获取的验证器无效的情况。

在Angular中，我们可以使用Validators模块中提供的一些内置验证器来验证表单输入的有效性。当我们在模板中使用formControlName指令来绑定表单控件时，可以通过该指令获取到该控件的验证器。

然而，有时候我们可能会遇到获取到无效的验证器的情况。这可能是由于以下几个原因导致的：

1. 错误的引入Validators模块：在使用Validators模块中的验证器之前，我们需要先引入Validators模块。如果没有正确引入Validators模块，就无法使用其中的验证器，导致获取到无效的验证器。

解决方法：确保在使用Validators模块中的验证器之前，正确引入Validators模块。可以在组件文件的顶部添加以下代码来引入Validators模块：

import { Validators } from '@angular/forms';

1. 表单控件未正确绑定：在模板中使用formControlName指令时，需要确保该指令正确绑定到对应的表单控件上。如果指令没有正确绑定到表单控件上，就无法获取到有效的验证器。

解决方法：检查模板中formControlName指令的绑定是否正确，确保指令正确绑定到对应的表单控件上。可以通过查看表单控件的HTML元素的属性来确认是否正确绑定。

1. 表单控件未设置验证器：即使正确引入Validators模块并正确绑定formControlName指令，如果表单控件没有设置验证器，也会导致获取到无效的验证器。

解决方法：在创建表单控件时，使用Validators模块中的验证器来设置验证规则。例如，可以使用Validators.required来设置必填验证规则。

示例代码：

import { Validators } from '@angular/forms';

// 创建表单控件
myControl = new FormControl('', Validators.required);

以上是解决在formControlName中获取无效的验证器的一些常见原因和解决方法。希望对你有帮助！

腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
• 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
• 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动开发（移动推送）：https://cloud.tencent.com/product/umeng_push
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云元宇宙（Tencent Real-Time Rendering）：https://cloud.tencent.com/product/trr