Как сделать валидацию формы?

Question

[Nook22]

Как сделать так что если не заполнены обязательные поля то при нажатии на кнопку "Добавить" поля ввода будут выделятся красным и при этом не чего не будет вносится в таблицу.

Answer 1

[grinat]

А какой версии angular? Так то там есть встроенный валидатор. Если он не нужен, то при обработке события отправки, в некую переменную записывать ошибки валидации, и в шаблоне:

<div *ngIf="validationErrors.myField">{{validationErrors.myField}}</div>

, в ангуляре, который js правда с таким вариантом возможны проблемы, в связи с тем что переменные в объекты не реактивны, поэтому там лучше так делать:

<div *ngIf="hasValidationError">{{validationErrors.myField}}</div>