title: ERROR Error: No value accessor for form control with unspecified name attribute on switch
body: <p>Here is my Angular component:</p>
  <pre class="lang-ts prettyprint-override"><code>@Component( {
      selector: 'input-extra-field',
      template: `
              &lt;div class=&quot;form-group&quot; [formGroup]=&quot;formGroup&quot; &gt;
                  &lt;switch [attr.title]=&quot;field.etiquette&quot; 
                      [attr.value]=&quot;field.valeur&quot; [(ngModel)]=&quot;field.valeur&quot;
                      [formControl]=&quot;fieldControl&quot; [attr.id]=&quot;name&quot; [attr.disabled]=&quot;disabled&quot;&gt;
                  &lt;/switch&gt;
                  &lt;error-messages [control]=&quot;name&quot;&gt;&lt;/error-messages&gt;
              &lt;/div&gt;
      `
  } )
  </code></pre>
  <p>Here is my Class:</p>
  <pre class="lang-ts prettyprint-override"><code>export class SwitchExtraField extends ExtraField {
      @Input() field: ExtraFormField;
      @Input() entity: { fields: Object };
      @Input() formGroup: FormGroup;
  
      constructor( formDir: NgForm ) {
          super( null, null, formDir );
      }
  
      get disabled(): string {
          if ( this.field &amp;&amp; !!this.field.saisissable &amp;&amp; !this.field.saisissable )     {
              return 'disabled';
          }
          return null;
      }
  }
  </code></pre>
  <p>This is the error I get when compiling:</p>
  <pre class="lang-none prettyprint-override"><code>ERROR Error: No value accessor for form control with unspecified name attribute
    at _throwError (forms.es5.js:1918)
    at setUpControl (forms.es5.js:1828)
    at FormControlDirective.webpackJsonp.../../../forms/@angular/forms.es5.js.FormControlDirective.ngOnChanges (forms.es5.js:4617)
  </code></pre>
  <p>When I change the element switch to input it works, knowing that I'm using the same structure to other components and it works fine.</p>