Описание тега angular-custom-validators

Вопрос о создании пользовательской функции проверки подлинности для Angular Reactive Form. Также используйте теги: [angular], [angular-reactive-forms].
2 ответа

Получите одноуровневый abstractcontrol из Angular recative formarray - Custom Validation

У меня есть контактная форма в Angular с использованием реактивной формы. Форма содержит firstName, lastName и массив address, Каждая адресная группа формы содержит флажок, если флажок установлен, обязательна проверка текстового поля "Состояние", а …
2 ответа

Angular: запуск проверки элемента управления формы при изменении другого элемента управления формы

Пожалуйста, обратитесь к проекту в стеке блиц здесь. Как видно, у меня есть реактивная форма с элементами управления, как firstNumber, secondNumber а также thirdNumber, Мне нужно пройти проверку для контроля формы thirdNumber так что его значение не…
1 ответ

Доступ к группе форм в пользовательском валидаторе

Я пытаюсь добавить пользовательский валидатор в мой component.ts customvalidatorFile: import { FormGroup, ValidationErrors } from '@angular/forms'; export class ProfileCustomValidators { static validateTime(fg: FormGroup): ValidationErrors { const s…
0 ответов

Почему пользовательский валидатор срабатывает до изменения значения ngModel?

Я добавил специальный валидатор для флажка, привязанного к данным, используя ngModel, Я заметил, что пользовательская функция валидатора срабатывает перед ngModel Связанное значение изменено. Я проверил ценность моего ngModel связанная переменная, и…
27 июн '19 в 14:56
1 ответ

Подтверждение соответствия пароля и пароля в форме ionic4

Я создал форму регистрации в ionic4 с полями, такими как имя, фамилия, адрес электронной почты, пароль и подтверждение пароля. Я добавил валидации, такие как показ полей, которые необходимо заполнить, если пользователь ушел или коснулся соответствую…
3 ответа

Я пытаюсь создать собственный валидатор в форме, управляемой моделью, это правильный способ его реализации

При реализации моего кода я получаю следующие ошибки в консоли Ошибка: не удается найти элемент управления с именем: 'password' в _throwError (forms.js:1732) в setUpControl (forms.js:1640) в FormGroupDirective.push../node_modules/@angular/forms/fesm…
0 ответов

Ошибка пользовательского валидатора Angular 7 отражается не сразу

Я реализую ControlValueAccessor для моего компонента, и у меня есть несколько диапазонов дат внутри формы, которые можно изменить. Я создал собственный валидатор, который проверяет наличие совпадений между диапазонами дат: test.component.html <ng…
20 авг '19 в 13:43
3 ответа

Ошибка углового пользовательского асинхронного валидатора

Мой асинхронный валидатор не работает, когда я фактически выполняю асинхронный вызов (но работает, когда я его Observable.of(result), html выглядит так: <div class="form-group"> <label for="emailAddress" class="control-label">Email</l…
1 ответ

Angular Forms: Как избежать нескольких NgIf div для сообщений об ошибках валидации?

Я хотел бы упростить код ниже: <div *ngIf="form1.errors?.checkDate && (form1.touched || form1.dirty)" class="cross-validation-error-message alert alert-danger"> Date can't be in the future. </div> <div *ngIf="form1.errors?.not…
1 ответ

Почему угловой пользовательский валидатор вызывается дважды при начальной загрузке страницы и как это предотвратить?

Я связал пользовательский валидатор с флажком и заметил, что пользовательский валидатор вызывается дважды при начальной загрузке страницы, это вызывает проблему, поскольку мой валидатор используется для подсчета количества проверенных флажков, так к…
01 июл '19 в 08:17
0 ответов

Angular 7 - Как установить один и тот же formControl для узла компонента настраиваемого поля и поля внутри него

Я создаю свои собственные полевые компоненты для моего приложения Angular. Я обычно использую Angular Material componentns, но добавляю новую функциональность в конфигурацию. Проблема в том, что когда я добавляю этот пользовательский компонент в фор…
1 ответ

Угловой пользовательский валидатор применяет шаблон для повторяющегося кода

У меня есть несколько полей ввода, где требуется почти такая же проверка. Есть ли способ уменьшить повторяющийся HTML-код для отображения ошибки. Мой код как ниже <div colspan="2"> <input type="text" name="appName" [disabled]="recordCreated…
1 ответ

Пользовательский валидатор Angular:

Пользовательский валидатор, который я использую сейчас: static digitOnly(digit: string): ValidatorFn { return (control: AbstractControl): ValidationErrors | null => { const restrict = []; for (let i = 0; i < parseInt(digit); i++) { restrict.pu…
14 фев '20 в 00:20
3 ответа

Подтверждение пароля с помощью пользовательских валидаторов Angular

У меня есть поле пароля, а также поле подтверждения пароля, и все работает нормально, если вы заполняете форму сверху вниз. Однако, если я введу пароль / подтверждение пароля, а затем вернусь, чтобы изменить поле пароля, поле подтверждения останется…
1 ответ

Форма застряла в состоянии PENDING с помощью асинхронного валидатора, когда значение изменилось при построении

При использовании реактивных форм с асинхронным валидатором в группе форм и при изменении значений группы форм с помощью patchValue в конструкторе или в ngOnInit - даже если наблюдаемый асинхронный валидатор завершается, форма остается в PENDING гос…
2 ответа

это работает, это была ошибка где-то еще. Создать собственный валидатор

Я настраиваю свою форму и создаю собственный валидатор. Но делаю не так, потому что всегда вылетает: **my-component.ts** export function ageRangeValidator(min: number, max: number): ValidatorFn { return (control: AbstractControl): { [key: string]: b…
0 ответов

Невозможно получить доступ к члену класса компонента внутри настраиваемого валидатора

Я не могу получить доступ к членам компонента внутри моего настраиваемого валидатора, даже если я привяжу к нему "this". Вот мой угловой компонент export class RegisterComponent implements OnInit { registrationForm: FormGroup; constructor(private re…
1 ответ

создать экземпляр пользовательской директивы angular из компонента angular при нажатии

Предположим, у меня есть директива с именем my-custom-directive и компонент с именем app.component. У меня есть метод в app.component - createDirective(), который будет вызываться при нажатии кнопки из app-component.html Я хочу создать экземпляр my-…
1 ответ

Как отделить `` реализованную службу / функцию условной проверки '' в Angular-8 при использовании реактивных форм

Я реализовал условную проверку в своем компоненте. Я пытаюсь разделить логику проверки моего компонента на другой компонент / службу. Ссылка на демонстрацию: http://StackBlitz%20https://stackblitz.com/edit/angular-amr86r
0 ответов

ionic angular странная проблема - пользовательский валидатор формы не вызывается на Android

Я работаю над мобильным приложением ionic 4 angular. Я столкнулся с одной странной проблемой, когда проверка настраиваемой формы не вызывается на устройстве Android, а вызывается и работает в соответствии с ожиданиями. После подробного рассмотрения …