Щоб додати валідатор до FormGroup, передати новий валідатор як другий аргумент під час створення. content_copy const heroForm = new FormGroup({ 'name': new FormControl(), 'alterEgo': new FormControl(), 'power': new FormControl() }, { validators: identityRevealedValidator }); Код валідатора виглядає наступним чином.
Щоб створити власний валідатор в Angular, вам потрібно визначте функцію, яка виконує логіку перевірки та повертає об’єкт помилки перевірки, якщо перевірка не вдається. Ця функція має відповідати сигнатурі ValidatorFn або AsyncValidatorFn залежно від того, синхронною чи асинхронною є ваша логіка перевірки.
Впровадження перевірки власного масиву
- Ми отримуємо доступ до значення FormArray за допомогою елемента керування. значення .
- Ми використовуємо масив. прототип. …
- Якщо будь-яка електронна адреса недійсна, ми повертаємо об’єкт помилки перевірки з ключем invalidEmail, який вказує на те, що FormArray недійсний. В іншому випадку ми повертаємо null.
Один із способів зробити це – це перевірте стан нашої форми у функції відправки. Ми могли б оголосити функцію onSubmit таким чином. А потім всередині нашого файлу Typescript ми можемо оголосити функцію onSubmit і перевірити, чи дійсна наша форма Angular. Інший спосіб зробити це, вимкнувши кнопку відправки, якщо форма недійсна.
Клацніть правою кнопкою миші форму, яку потрібно змінити, а потім виберіть Перегляд макета. Клацніть правою кнопкою миші елемент керування, який потрібно змінити, а потім клацніть «Властивості», щоб відкрити аркуш властивостей елемента керування. Клацніть вкладку «Усі», а потім введіть правило перевірки у полі властивості «Правило перевірки».
Першим кроком для ввімкнення перевірки в контролері є додати @Valid до параметра методу, створеного за допомогою зв’язування моделі. Замість явної обробки помилок перевірки (про яку ми розповімо нижче), Spring Boot викидає виняток, якщо перевірка не вдається для нового об’єкта.