title: how to fix can't bind to formControl error
body: <p>can anybody help me out on why it saying "  Can't bind to 'formControl' since it isn't a known property of 'input'." even though I already imported in my modules and also I have another component that using either FormControl, FormGroup or both but it didn't give me this kind of error over there but this one did. I'm not really sure why I keep getting this error. </p>
  
  <p>I already imported ReactiveFormsModule in app.module.ts file. I can use formControl in other component but not sure why I can't use in this component.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="component"&gt;
      &lt;mat-chip-list *ngIf="editMode" #chipList &gt;
           &lt;div&gt;
              &lt;mat-chip&gt; &lt;/mat-chip&gt;
           &lt;div&gt;
              &lt;div &gt;
                  &lt;input matInput  #input  [formControl]="tagCtrl2"  [(ngModel)]="tagIn"  placeholder="Select or Create a tag" [matAutocomplete]="auto"
                      (focusout)="hideTagInput()" (keyup.enter)="addTag()"(keyup.escape)="hideTagInput()"
                      (keydown.backspace)="$event.stopPropagation();" (keydown.space)="$event.stopPropagation();" [matChipInputFor]="chipList" /&gt;
              &lt;/div&gt;
  
              &lt;mat-autocomplete #auto="matAutocomplete" (optionSelected)="selected($event)"&gt;
                  &lt;mat-option *ngFor="let tag of filteredTags | async" [value]="tag"&gt;
                      {{tag}}
                  &lt;/mat-option&gt;
              &lt;/mat-autocomplete&gt;
  
      &lt;mat-chip-list&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>TS</p>
  
  <pre><code>import { FormControl } from '@angular/forms';
  
  export class TagsComponent implements OnInit {
     tagCtrl2 = new FormControl();
  </code></pre>