Угловой 6 - элементы проверки не отображаются (ng-dirty, ng-invalid ...)

Question

Элементы типа ng-dirty, ngvalid не генерируются в моем проекте Angular, Я прилагаю изображения и код, который я использовал ниже.

app.module.ts и введите html здесь

app.module.ts

import { FormsModule,ReactiveFormsModule } from '@angular/forms';

imports: [
     FormsModule,
     ReactiveFormsModule,]
......

login.html

<form (ngSubmit)="onSubmit()" #demoForm="ngForm">
          <div class="clearfix simple-bar">
      <div class="bar-1"></div>
      <div class="bar-2"></div>
    </div>
      <div class="login-inputs">
        <div class="username-block">
          <div class="icon-block">
              <i class="material-icons">
                email
              </i>
          </div>
          <input type="text"  [(ngModel)]="hero.name" #name="ngModel" name="test" placeholder="Username">
        </div>

........
В чем может быть проблема?