Валидация формы Angular2?

Question

[Ruslan Khissamov]

Здраствуйте коллеги!

Требуеться ваша помощь в установки css классов валидации с использованием angular2.
Ниже моя форма и проблемы которые я получаю.

<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>

Вот такой вариант работает из первого angular работаете во втором.

Ng-class="email.valid ? 'Has-success': 'has-danger'"

Но при новой форме делает все в danger что не есть хорошо то есть нет проверки на dirty или pristine

С уважением,
Руслан

Answer 1

[Ruslan Khissamov]

Вариант такой

[ngClass]="{'has-error': name.dirty == true && name.valid == false}"

в первом angular работало так

ng-class="{'has-error': name.dirty && !name.valid}"

может есть еще какие решения жду