typescript - EROARE TypeError: Nu se poate citi proprietatea 'invalid' a valoării indefinită angular 4

Primesc următoarea eroare în Angular 4 :

EROARE TypeError: Nu se poate citi proprietatea 'invalid' a valorii nedefinite

Iată codul:

<form name="form"  #f="ngForm" novalidate>

  <tr>
     <td width="10%" class="text-blue"></td> 
     <td><input type="text"  name="bankname" maxlength="25" appRestrictinput ="words" [(ngModel)]="model.bk_name" #bk_name="ngModel"  class="form-control" autofocus  /> </td>
  </tr>
  <div *ngIf="bankname.invalid && (bankname.dirty || bankname.touched)" class="alert alert-danger">
     <div *ngIf="bankname.errors.required">Name is required</div>
  </div>

</form>

Vă rog să-mi spuneți unde greșesc. Mulțumesc anticipat.

Răspuns #1

Referința controlului dvs. în vizualizare este bk_name. Înlocuiți bankname cu bk_name.

<div *ngIf="bk_name.invalid && (bk_name.dirty || bk_name.touched)" class="alert alert-danger">
<div *ngIf="bk_name.errors.required">Name is required.</div>