title: Error message : can't bind to xxx since it isn't a known property of yyy when calling angular component
body: <p>I created in my Angular project a shared component named useraccount-type. I use it into a form but I have this error message :</p>
  <p>Can't bind to 'selectedType' since it isn't a known property of 'app-useraccount-type'.</p>
  <ol>
  <li>If 'app-useraccount-type' is an Angular component and it has 'selectedType' input, then verify that it is part of this module.</li>
  <li>If 'app-useraccount-type' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.</li>
  <li>To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component.</li>
  </ol>
  <p>The html part looks this:</p>
  <pre><code>&lt;div [formGroup]=&quot;myForm&quot;&gt;
      &lt;select class=&quot;form-select form-control&quot; id=&quot;useraccountType&quot;  formControlName=&quot;useraccountType&quot; [(ngModel)]=&quot;selectedType&quot;&gt;
          &lt;option *ngFor=&quot;let t of types&quot; [ngValue]=&quot;t.description&quot; &gt;{{t.description}}&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  <p>The ts part looks this :</p>
  <pre><code>import { Component, Input, OnInit } from '@angular/core';
  import { ControlContainer, FormGroup } from '@angular/forms';
  import { ErrorHandlerService } from 'src/app/services/error-handler.service';
  import { RepositoryService } from 'src/app/services/repository.service';
  import { environment } from 'src/environments/environment';
  
  // Classes
  import { Useraccounttype } from './../../../model/useraccounttype.model';
  
  @Component({
    selector: 'app-useraccount-type',
    templateUrl: './useraccount-type.component.html',
    styleUrls: ['./useraccount-type.component.css']
  })
  export class UseraccountTypeComponent implements OnInit {
  public errorMessage: string = '';
  
  @Input() public types: Useraccounttype[];
  @Input() public selectedType?: string =&quot;&quot;;
  @Input() public myForm: FormGroup;
  
  constructor(private repository: RepositoryService, private controlContainer: ControlContainer, private errorHandler: ErrorHandlerService) { }
  
    ngOnInit(): void {
      this.myForm = &lt;FormGroup&gt;this.controlContainer.control;
      this.getUserAccountTypes();
      console.log('Selected type' + this.selectedType);
    }
  
    getUserAccountTypes = () =&gt; {
      let apiType: string = environment.apiAddress + 'UserAccountType'; 
      this.repository.getData(apiType)
      .subscribe(response =&gt; {
        this.types = response as Useraccounttype[];
      },
      (error) =&gt; {
        this.errorHandler.handleError(error);
        this.errorMessage = this.errorHandler.errorMessage;
      })
    }
  }
  
  
  </code></pre>
  <p>The compent is used in a form like this:</p>
  <pre><code> &lt;form [formGroup]=&quot;myForm&quot; autocomplete=&quot;off&quot; novalidate&gt;
   ...
    &lt;div class=&quot;col-md-12&quot;&gt;
     &lt;app-useraccount-type name=&quot;useraccountType&quot; id=&quot;useraccountType&quot; [formGroup]=&quot;myForm&quot; [selectedType]=&quot;user?.userAccountType?.shortDescription&quot;&gt;&lt;/app-useraccount-type&gt;      
    &lt;/div&gt;
   ...
   &lt;/form&gt;
  </code></pre>
  <p>The error message is on this part :</p>
  <pre><code>[selectedType]=&quot;user?.userAccountType?.shortDescription&quot;      
  
  </code></pre>
  <p>Is there anybody has an idee of the problem?</p>
  <p>Thanks in advance for your help.</p>
  <p>PS: for informations I have imported FormModule and ReactiveFormsModule in the app.module.ts</p>