title: Model binding in angular template driven forms doesn't work
body: <p>I'm trying to bind the model in angular template driven forms. I created a model class and using it to populate the input field. </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="form-group col-md-2 col-12" [class.text- danger]="nameCode.invalid &amp;&amp;  nameCode.touched"&gt;
  &lt;label for="inputName"  class="form-control-label"&gt; Name&lt;/label&gt;
  &lt;input type="text" class="form-control" [class.is-form-invalid]="nameCode.invalid &amp;&amp;  nameCode.touched" id="inputName" name="lotCode"[(ngModel)]="formModel.name" #nameCode="ngModel" aria-describedby="nameHelp" autocomplete="new-password" required&gt;
  &lt;small id="nameHelp" class="text-danger" *ngIf="nameCode.invalid &amp;&amp; nameCode.touched"&gt;Required&lt;/small&gt;
  </code></pre>
  
  <p></p>
  
  <p>Component:</p>
  
  <pre><code>export class AppComponent  {
  formModel: FormModel= new FormModel();
  }
  export class FormModel {
  name: "abc"
  }
  </code></pre>
  
  <p><a href="https://stackblitz.com/edit/angular-yue9fe?file=src%2Fapp%2Fapp.component.ts" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-yue9fe?file=src%2Fapp%2Fapp.component.ts</a></p>