угловой материал - мат-ошибка не отображает сообщение об ошибке для поля ввода - PullRequest
0 голосов
/ 10 декабря 2018

Сценарий - Реактивная форма с массивом форм.Каждое поле в форме имеет обязательное подтверждение.Сам массив форм имеет проверку minlength (1) и maxlength (3).Добавление 4 значений в массив формы должно сделать недействительной форму и отобразить сообщение об ошибке - Maximum 3 values can be added в последнем поле значений.

Код включен - stackblitz

Проблема - даже если условие в * ngIf mat-error истинно, оно не отображает ошибку для поля (дажепри прикосновении к полю).

Шаги для воспроизведения -

  1. открыть стек в стеке
  2. введите 1 в поле Значение и нажмите кнопку +
  3. введите 2 в новом поле Значение и нажмите кнопку +
  4. , введите 3 в новом поле Значение и нажмите кнопку +
  5. , введите 4 в новом поле Значение.Ожидается, что в последнем поле значения отобразится ошибка Maximum 3 values can be added.

1 Ответ

0 голосов
/ 10 декабря 2018

Вам необходимо создать собственный валидатор для FormArray.Смотрите пример здесь.

https://stackblitz.com/edit/angular-qx5ttm

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...