Публикации по теме 'reactive-forms'
Реактивные формы в Angular
Angular предоставляет два типа форм:
Формы на основе шаблонов : директивы шаблонов используются для создания внутреннего представления формы. Здесь источник истины находится в шаблоне.
В формах на основе шаблонов каждый элемент формы связан с директивой, которая управляет моделью формы изнутри.
Реактивные формы : основанный на модели подход к обработке входных данных формы, значения которых меняются со временем. Реактивные формы построены вокруг наблюдаемых потоков, где входные..
Дочерние компоненты Angular с реактивными формами
В этой истории я коснусь того, как использовать дочерние компоненты с Реактивными формами . Прочитав эту статью, вы сможете писать проверяемый и понятный код с помощью Reactive Forms.
Что такое реактивные формы?
На основании документации
Реактивные формы обеспечивают управляемый моделями подход к обработке входных данных формы, значения которых меняются со временем. В этом руководстве показано, как создать и обновить элемент управления базовой формы, перейти к использованию..
Реактивные формы в Angular 10 - Как создать форму входа с помощью реактивных форм
Реактивные формы - альтернатива созданию форм в Angular. Большая часть тяжелой работы по созданию реактивных форм происходит в классе компонента, а не в шаблоне (HTML-файле).
Одним из больших преимуществ использования реактивных форм является то, что это упрощает тестирование. Причина этого в том, что весь код, связанный с вашей формой, находится в классе компонента. Учитывая это, вам не нужно получать доступ к шаблону в ваших тестах, чтобы проверить свою форму. Вместо этого вы..
Вопросы по теме 'reactive-forms'
Как проверить реактивные формы с вложенными группами форм?
Я работаю над созданием группы вложенных форм, как показано в https://plnkr.co/edit/c93yFe2r83cvjiRvl6Uj?p=preview .
Это ответвление примера из https://angular.io/docs/ts/latest/cookbook/form-validation.html#!#reactive .
Пример в Angular...
3080 просмотров
schedule
12.10.2021
angular 2 formbuilder условная проверка ввода
Я использую angular 2 formbuilder для создания формы, и я хочу условно проверить поле ввода в соответствии с изменениями ввода радиобокса. Когда я нажимаю процентный радиоблок, процентный ввод должен быть подтвержден. Когда я нажимаю переключатель...
1569 просмотров
schedule
08.10.2021
Разрешить вводимое количество на основе доступного количества в реактивных формах
Мне нужна помощь в решении моей проблемы, так как мне нужно ввести только количество на основе доступного количества в моих строках? Как я могу отправить кнопку, только если это требование выполнено? Как я могу это проверить? Вот ссылка. КОДЫ...
73 просмотров
schedule
13.09.2021
Пользовательские элементы управления с реактивными формами
Я использую Angular 7, элементы управления Angular Material с реактивными формами.
Я создал пользовательский текст (matInput type = "text"), число (matInput type = "number"), элементы управления select (matSelect) с помощью Angular Material с...
1287 просмотров
schedule
02.12.2021
Динамическое добавление строки: Angular Reactive-Form
Я хочу добавлять строку динамически, когда нажимаю button . Я использую для этого реактивную форму.
вот мой html-код
<table>
<thead>
<tr class='tableHeader'>
<div fxLayout="row"...
1542 просмотров
schedule
24.10.2021
Как я могу инициализировать реактивную форму Angular2 с помощью Observable?
Мой план состоит в том, чтобы сохранить значения формы в моем магазине ngrx, чтобы мои пользователи могли перемещаться по сайту и возвращаться к форме, если они того пожелают. Идея заключалась бы в том, что значения формы будут повторно заполняться...
6921 просмотров
schedule
20.03.2022
Как использовать реактивные формы в ngFor
Массив пользователей может иметь несколько элементов (пользователей). В шаблоне я перебираю этот массив и добавляю форму для каждого элемента. Сейчас каждая форма привязывается к одним и тем же значениям группы форм. Если я заполню форму для...
12122 просмотров
schedule
08.06.2022
Определить, какой FormControl в валидаторе FormArray вызвал изменение значения
Я могу легко проверить, удовлетворяет ли массив каким-либо правилам проверки. Проблемы возникали, когда я хотел взаимодействовать с определенными элементами управления в массиве форм.
У меня есть массив форм, который содержит группы форм. Каждая...
1255 просмотров
schedule
15.06.2022
Проверка настраиваемого валидатора нескольких строк в реактивных формах Angular 4
У меня очень простая проблема, которую я не могу понять. Во-первых, у меня есть ингредиент, который имеет утвержденное количество. И этот ингредиент имеет несколько сроков годности. Тем не менее, я хочу проверить, не превышают ли мои даты истечения...
288 просмотров
schedule
27.06.2022
Элемент управления Angular Reactive Form с типом = число будет повторно отображаться при размытии
У меня есть реактивная форма Angular (v7) (может быть такой же для формы только для шаблона). <input> с type="number" выполнит повторный рендеринг и проверку размытия. В сообщении об ошибке <div> рядом с <input> есть кнопка...
2981 просмотров
schedule
06.08.2022
Перенаправление на URL-адрес с параметрами запроса и присвоение значений реактивной форме из параметров запроса не работает – Angular
Я перенаправляю URL-адрес с параметрами запроса и присваиваю значения из параметров запроса форме, используя setValue, но значение не отображается изначально, а отображается после обновления.
Получение значений из параметров запроса и присвоение...
187 просмотров
schedule
02.09.2022
Как мы устанавливаем динамические флажки для проверки на основе значения из базы данных в реактивных формах angular?
Я новичок в реактивных формах и изо всех сил пытаюсь установить для значения флажков значение true динамически. Вот пример: я получаю предварительно выбранные значения фруктов для конкретного пользователя из базы данных, и эти фрукты необходимо...
1209 просмотров
schedule
26.09.2022
Реактивная форма Angular 2 с флажками
Недавно я пытался понять, как работают эти реактивные формы. Однако основные примеры (без вложенности и т. д.) понятны, если у меня есть такая структура формы с флажками:
{
"username": "",
"damnIt": "",
"checkboxes": [
{...
680 просмотров
schedule
13.06.2023
уникальное значение угловых реактивных форм
У меня проблема с реактивными формами Angular 4.
Мое приложение является обучающим проектом. Он имеет Backend в SpringBoot, базу данных mySql и формы в Angular4.
Это приложение должно добавлять врачей в базу данных, но также должно проверять:...
2032 просмотров
schedule
07.03.2023
Реактивные формы patchValue () в цикле For
Следующий пример кода:
model={name: "D100"
value: "Dying"};
for (let key in model) {
if(this.divisionForm.controls.hasOwnProperty(key)) {
let value = divisionModel[key];
this.form.patchValue({...
1278 просмотров
schedule
11.12.2022
Angular Reactive Forms обрабатывают двухуровневые / размерные флажки
Я использую Angular 6/7 с реактивными формами, у меня есть форма со списком разрешений (два флажка в одной строке), например, скажем, каждый флажок является разрешением, по умолчанию второй флажок в строке необходимо отключить при первой загрузке и...
303 просмотров
schedule
28.12.2022
В раскрывающемся списке Angular Reactive Form Select есть пустая опция
У меня реактивная форма с выпадающими списками. Я показываю выбранные пользователем выпадающие элементы в форме. Значения берутся из API. Создается несколько раскрывающихся списков, и в каждом раскрывающемся списке есть пустая опция (пустой...
2161 просмотров
schedule
26.06.2023
Как управлять formArray без formGroup?
У меня такая ситуация, когда мне нужно передать данные на сервер, как показано ниже [1, 2, 454, 5456]
И данные в виде массива FormGroup
Я попытался создать пустой массив, а затем нажать на него пустую formControl, но это не сработало....
1851 просмотров
schedule
12.03.2023
Предупреждения об ошибках в реактивных формах angular появляются на один шаг позже
Я использую Angular 8 и пытаюсь создать регистрационную форму с реактивными формами. Я создал несколько предупреждающих сообщений, чтобы показать ошибки проверки.
Однако вместо текущего отображается предыдущее предупреждение! (на шаг позже)...
1008 просмотров
schedule
24.11.2022
Angular — отправлять данные формы при отправке формы с обновленными значениями формы
У меня есть форма с URL-адресом действия
<form
ngNoForm
id="login-form"
[formGroup]="loginForm"
(submit)="onSubmit()"
[action]='actionUrl'
method='POST'>
<div class="form-group">
<label class="label-input"...
2512 просмотров
schedule
05.11.2022