Attempting to extend FormControlDirective to implement my own FormControl directive results in faulty binding

Question

I\'m trying to inverse the way forms controls are registering themselves onto a FormGroup, so that instead of having to

@Component({..., templ         


        

Answer 1

You are almost there. There is one more trick though. There isn't DefaultValueAccessor for that input element, thus constructor arguments are populate with null value.

The formControl \ formControlName selectors appear in one more place - the value accessor. In order your directive to work you should implement all default value accessors for the hybridFormControl directive ( following the pattern for the built-in directives).

P.S I believe the provider of your directive should be corrected to

providers: [{
    provide: NgControl, //<-- NgControl is the key
    useExisting: forwardRef(() => HybridFormControlDirective)
}]