繁体   English   中英

如何在角度自定义组件中一起添加 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

ngmodel 和自定义组件在一起

所以你要找的是 ControlValueAccessor 接口: https ://angular.io/api/forms/ControlValueAccessor

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

感谢@Plabbee。它就像一个魅力。只需实现这个接口 ControlValueAccessor

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM