Будучи необходимым активом для обработки пользовательского ввода, формы занимают много в приложении предприятия. Когда мы говорим о угловых формах, наиболее часто используемыми являются реактивные формы и шаблоны, приводящие к выбору между тем, что используются некоторые важные моменты, которые необходимо ухаживать за реактивными формами, используются при использовании при использовании сложной логики, требуемые пользовательские и асинхронизированные валидации и формированные группы являются обязательными
Реактивные формы сделаны, когда FormControl Группа, используя FormBuilder и подтвержден после импорта Валидаторы Отказ Давайте понять определение этих ключевых слов, которые мы часто используемые при создании форм
Использовать FormControl Чтобы зарегистрировать один элемент управления форм, импортируйте класс FormControl и создайте новый экземпляр FormControl, чтобы сохранить в качестве свойства класса.
FormControl который распространяется на Абонация класс отслеживает Состояние проверки и значение элемента управления форм.
const control = new FormControl('Hello');
console.log(control.value);
console.log(control.status);
control.reset({ value: 'Hey', disabled: true });
console.log(control.value);
console.log(control.status);
Формагруппу несет ответственность за отслеживание стоимости и состояния достоверности формы группы, которая является группой FormControls
Статус Форменная группа подсчитывается, уменьшая значения состояния своих детей. Например, если один из элементов управления в группе недействителен, вся группа становится недействительной. Когда все значение FormControl становится действительным, статус становится действительным.
const userFormGroup = new FormGroup({
first: new FormControl('firstName'),
last: new FormControl('lastName')
});
userFormGroup.reset({
first: {value: 'name', disabled: true},
last: 'last'
});
console.log(this.userFormGroup.value);
Форматики состоят из формогрупп, используемых, когда пользовательский ввод хранится в виде массива. Например, хобби, навыки Formarray ответственны за сохранение отслеживания ценности и состояния достоверности массива изображений FormControl, Formgroup или Formarmay.
const hobbyFormArray = new FormArray([
new FormControl('HobbyName')
]);
console.log(hobbyFormArray.value);
console.log(hobbyFormArray.status);
Formbiller содержит группу, массив и контроль, он отвечает за группирующие формы управления, создание групп вложенных форм, обновление частей модели данных, используя службу FormBuilder для генерации элементов управления и проверки форм.
this.userFormGroup = this.formBuilder.group({
'username':new FormControl(null),
'email':new FormControl(null),
})
Угловые формы содержат встроенные валидаторы, используемые для выполнения различных валидаций, которые используются для поддержания целостности данных. Функция Validator используется для этого обрабатывает формоподъемность или коллекцию элементов управления. Валидация должна пройти для формы, чтобы стать действительными
this.registerForm = this.formBuilder.group({
firstName: ['', Validators.required],
lastName: ['', Validators.required],
email: ['', [Validators.required, Validators.email]],
password: ['', [Validators.required, Validators.minLength(6)]]
});
Это то, что введение в классы, которые являются строительными блоками угловых форм, которые играют очень неотъемлемую часть сложных форм обработки данных, обратитесь к определению классов Угловая API форм. Для получения дополнительной информации о угловых реактивных формах с использованием подхода для приводства к модуции посетите статью Упрощенные угловые формы