在我的Angular(4+Typescript)项目中，我使用了已经准备好的组件(这并不重要，因为扩展ControlValueAccessor的方式是相同的，但如果这很重要，我使用了ng2-select)，因为更好用户体验和更好的外观。在将它包含到我看到的使用响应式(Reactive)表单的表单组件中之后，在提交时我返回(用于表单控件)基于类SelectItem的对象，该类在准备好的组件中使用，以管理选定的项目-如下所示://console.log(this.myForm.values)Object{txtInput:'value',//...preparedComponent:Sel

为了展示一种真实世界的例子，假设我们想在我们的应用程序中使用@angular/material的日期选择器。我们想在很多页面上使用它，所以我们想很容易地将它添加到一个到处都具有相同配置的表单中。为了满足这一需求，我们围绕创建了一个自定义Angular组件。与ControlValueAccessor实现能够使用[(ngModel)]在上面。我们希望在组件中处理典型的验证，但与此同时，我们希望将验证结果提供给包含我们的CustomDatepickerComponent的外部组件。.作为一个简单的解决方案，我们可以实现validate()像这样的方法(innerNgModel来自导出的ngM