获取“NullInjectorError:没有用于NgControl的提供程序！”使用自定义控件时

“NullInjectorError:没有用于NgControl的提供程序！”是一个常见的错误消息，通常出现在使用自定义控件时。该错误表示在Angular应用程序中找不到用于NgControl的提供程序。

NgControl是Angular中的一个抽象类，用于管理表单控件的状态和值。当我们在自定义控件中使用NgControl时，需要确保正确地提供NgControl的实例。

要解决这个错误，可以采取以下步骤：

1. 确保在使用自定义控件的组件中正确导入NgControl类。例如，在组件的文件顶部添加以下导入语句：

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

1. 在组件的构造函数中注入NgControl实例。例如，在组件的构造函数中添加以下代码：

constructor(private ngControl: NgControl) { }

1. 确保在使用自定义控件的模板中正确绑定NgControl。例如，可以使用ngModel指令将NgControl与表单控件绑定在一起：

<input type="text" [(ngModel)]="value" [ngModelOptions]="{standalone: true}">

在上面的代码中，ngModel指令将NgControl与表单控件进行绑定，并使用ngModelOptions设置standalone选项为true，以确保NgControl不依赖于外部表单。

1. 如果自定义控件是一个组件，确保在组件的providers数组中提供NgControl实例。例如，在组件的元数据中添加以下代码：

@Component({
  ...
  providers: [{ provide: NgControl, useExisting: forwardRef(() => CustomControlComponent) }],
  ...
})

在上面的代码中，我们使用provide和useExisting选项将NgControl实例提供给自定义控件组件。

总结起来，解决“NullInjectorError:没有用于NgControl的提供程序！”错误的关键是正确导入NgControl类，注入NgControl实例，正确绑定NgControl，并在自定义控件组件的providers数组中提供NgControl实例。

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

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
• 区块链（BCS）：https://cloud.tencent.com/product/bcs
• 元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr