ERROR Error: No value accessor for form control with unspecified name attribute on switch

Question

Here is my component in Angular 4:

@Component( {
    selector: \'input-extra-field\',
    template: `
            


        
      

Answer 1

I also received this error while writing a custom form control component in Angular 7. However, none of the answers are applicable to Angular 7.

In my case, the following needed to be add to the @Component decorator:

  providers: [
    {
      provide: NG_VALUE_ACCESSOR,
      useExisting: forwardRef(() => MyCustomComponent),  // replace name as appropriate
      multi: true
    }
  ]

This is a case of "I don't know why it works, but it does." Chalk it up to poor design/implementation on the part of Angular.