Angular2 form validation?

Question

Angular

Hello colleagues!
Need your help in setting css validation classes using angular2.
Below is my form and the problems I am getting.

<div>
  <form [ngFormModel]="" (ngSubmit)="submit()">
    
      <fieldset class="form-group" [class.error]="!name.valid && name.derty" [class.success]="name.valid"> // Получаем ошибку форма не работает
        <label class="form-control-label" for="name">Email</label>
        <input 
          class="form-control" id="name"         
          ngControl="name"
          [class.error]="!name.valid && name.dirty" // Получаем ошибку форма не работает
          [class.success]="name.valid" // Получаем ошибку форма не работает
          #name="ngForm"
           />
        <span
          [class.error]="!name.valid && name.dirty" // Форма работает класс добавляется
          [class.success]="name.valid" // Форма работает класс добавляется
        ></span>   
        <control-messages control="name"></control-messages>
      </fieldset>
  </form>
</div>

Here such option works from the first angular you work in the second.
Ng-class="email.valid ? 'Has-success': 'has-danger'"
But with the new form it does everything in danger, which is not good, that is, there is no check for dirty or pristine
Regards,
Ruslan

Answer 1

A variant like this
[ngClass]="{'has-error': name.dirty == true && name.valid == false}"
in the first angular worked like this
ng-class="{'has-error': name.dirty && !name.valid}"
maybe there are other solutions I'm waiting for