如何在 angular 自定义组件中同时添加 ngModel 和 formControlName?

How to add an ngModel and formControlName together in an angular custom component?

我想在angular中制作一个自定义组件。有时我会使用反应形式来调用这个组件,有时没有反应组件。

为此,有时我会使用 formControlName,有时会使用 ngmodel。 问题是我无法在自定义组件中同时添加这两个属性。

https://stackblitz.com/edit/ng-tie-reactive-forms-throgh-wrapper-hfptmu?file=src%2Fapp%2Fdate-wrapper%2Fdate-wrapper.component.html

那么您正在寻找的是 ControlValueAccessor 接口: https://angular.io/api/forms/ControlValueAccessor

如果您在组件上实现此接口,接口的方法将允许组件使用模板驱动和反应形式(ngModel 和 formControl/formControlName)。为清楚起见,您不需要 ngModel 或 formControlName 作为组件的输入,此接口将允许这样做。

感谢@Plabbee。它的工作方式类似于 charm.Just 实现此接口 ControlValueAccessor