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

In my case, the error was triggered by duplicating an import of a component in the module.

Answer 2

I was getting this error message in my Unit tests with Jasmine. I added ngDefaultControl attribute to the custom element(in my case it was an angular material slide toggle) and this resolves the error.

<mat-slide-toggle formControlName="extraCheese">
  Extra Cheese
</mat-slide-toggle>

Change the above element to include ngDefaultControl atttribute

<mat-slide-toggle ngDefaultControl formControlName="extraCheese">
 Extra Cheese
</mat-slide-toggle>