Почему нет валидации в Angular 7?

Question

[DavidJarr]

Создаю форму в ангуляре, делаю валидацию примерно так

<input name="Name" #Name="ngModel" [(ngModel)]="service.formData.Name" 
            class="form-control" placeholder="Mission naming" required maxlength="100">

Насколько я понимаю, после валидации в инпуте должны быть `ng-invalid` и `ng-touched` , но их нет, после компиляции код инпута такой

<input class="form-control" maxlength="100" name="Name" required="" ng-reflect-required="" ng-reflect-maxlength="100">

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

Answer 1

[MitakoHir]

А где у тебя тут валидация? Ты объявил инпут и сделал привязку к свойству компонента, а проверять значение уже нужно внутри компонента,

Не валидной форма будет в случае если будет больше 100 символов, а при генерации компонента значение пустое, значит все условия соблюдены.

Посмотри тут
https://angular.io/guide/form-validation