title: Error when adding form control to <mat-select>
body: <p>I'm trying to add form control to the <code>&lt;mat-select&gt;</code>'s in my project, but I keep on getting this error <code>ng: No provider for ngControl</code> </p>
  
  <p>This occurs when I add the <code>[formControl]="formControlName"</code> property to my mat-select. It doesn't seem to recognize the property. I'm following the example from the material.angular.io website.</p>
  
  <p>My angular version is up to date with their website being 5.2.8 and material version 5.2.4</p>
  
  <p>If anyone has experience with this, please let me know. Thank you.</p>
  
  <pre><code>  &lt;mat-form-field&gt;
    &lt;mat-select placeholder="Choose one" [formControl]="formControlName" [errorStateMatcher]="matcher"&gt;
      &lt;mat-option&gt;Clear&lt;/mat-option&gt;
      &lt;mat-option value="valid"&gt;Valid option&lt;/mat-option&gt;
      &lt;mat-option value="invalid"&gt;Invalid option&lt;/mat-option&gt;
    &lt;/mat-select&gt;
    &lt;mat-hint&gt;Errors appear instantly!&lt;/mat-hint&gt;
    &lt;mat-error *ngIf="selected.hasError('required')"&gt;You must make a selection&lt;/mat-error&gt;
    &lt;mat-error *ngIf="selected.hasError('pattern') &amp;&amp; !selected.hasError('required')"&gt;
      Your selection is invalid
    &lt;/mat-error&gt;
  &lt;/mat-form-field&gt;
  </code></pre>