'How to add an ngModel and formControlName together in an angular custom component?
I want to make a custom component in angular .Sometimes i will use recative forms to call this component and sometimes without reactive components.
For that ,sometimes i will use formControlName and sometimes ngmodel. The problem is that i can not add those two properties together in my custom component.
Solution 1:[1]
So what you're looking for is the ControlValueAccessor interface: https://angular.io/api/forms/ControlValueAccessor
If you implement this interface on your component, the methods of the interface will allow the component to work with both template driven and reactive forms (ngModel and formControl/formControlName). For clarity, you don't need ngModel or formControlName as Inputs on your component, this interface will cause this to be allowed.
Solution 2:[2]
Thanks to @Plabbee .It works like a charm.Just implement this interface ControlValueAccessor
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | Plabbee |
| Solution 2 | BenMansourNizar |