Вопросы по теме 'angular-forms'

Разделение формы на несколько компонентов с проверкой
Я хочу создать одну большую форму с помощью angular 2. Но я хочу создать эту форму с несколькими компонентами, как показано в следующем примере. Компонент приложения <form novalidate #form1="ngForm" [formGroup]="myForm"> <div>...
46925 просмотров
schedule 20.01.2024

использовать formControlName для настраиваемого компонента ввода в реактивной форме
Существует настраиваемый компонент ввода, который используется в реактивной форме с проверкой: @Component({ moduleId: module.id.toString(), selector: 'custom-select', templateUrl: 'custom-select.component.html', styleUrls:...
10007 просмотров

Условная привязка данных ngModel
У меня проблема с условной привязкой данных ngModel в Angular4. Объяснять: У меня небольшая форма: <form-question-radio [(ngModel)]="model['q4']" name="question" [options]="[{value:true, label:'Yes'}, {value:false,label:'No'}]"...
4126 просмотров
schedule 03.05.2024

Нет провайдера для ControlContainer - Angular 5
Я конвертирую купленный сторонний шаблон в приложение Angular 5 и только что столкнулся с ошибкой. Я очень новичок в Angular 5 (однако я хорошо знаю AngularJS) и не понимаю, что он пытается мне сказать? Кажется, это связано с кнопкой, которая...
71437 просмотров

Сравнение суммы в реактивных формах в Angular
Мне нужно сравнить amount с applied_amount . Однако они находятся на разных элементах управления, но находятся в одной и той же группе форм. Как мне проверить, больше ли «сумма», чем «applied_amount»? Вот код ниже. this.reportForm =...
1296 просмотров

mat-datepicker внутри * ngFor
Эта проблема возникала при использовании mat-datepicker внутри *ngFor . mat-datepicker требуется ссылочная переменная шаблона #test для привязки к input . Есть ли вообще прямой способ использовать ссылочные переменные при использовании...
6385 просмотров

Угловая форма не определена
Я пытаюсь установить проверку формы, но получаю, что элемент формы не определен. Если я удалю корневой элемент приложения из index.html, он начнет работать в соответствии с ожиданиями. <!doctype html> <html lang="en" ng-app>...
2852 просмотров
schedule 23.11.2022

Angular — проверка формы
У меня есть две формы в моем проекте, что я хочу сделать здесь, если пользователь ввел данные во второй форме и все входы первой формы или любой ввод пуст, тогда я не хочу включать кнопку сохранения второй формы. а также, если ввод всей второй формы...
37 просмотров
schedule 23.04.2024

Поле выбора не показывает выбранный вариант первым
Я использую angular 6, и я не могу отобразить выбранный параметр по умолчанию в поле выбора, HTML состоит из <select class="form-control selectBox" name="username" #username="ngModel" required ngModel> <option disabled...
8173 просмотров

Пользовательское контрольное количество валидатора в реактивных формах
Мне было трудно реализовать пользовательскую проверку в моих реактивных формах в Angular. Мне нужно контролировать количество. Количество не должно превышать доступное количество. Проблема, как я могу получить общее количество всего количества,...
287 просмотров

Угловой условный режим только для чтения/отключения в полях ввода
У меня есть таблица с полями ввода, которые я заполняю значениями модели, я хочу применить только чтение/отключение к этим заполненным полям. когда я нажимаю добавить строку, я добавляю пустые строки в таблицу. Пустые строки, добавленные в таблицу,...
12082 просмотров

Как я могу динамически создать форму и отправить ее в Angular 7?
Мне нужно сначала вызвать API, чтобы получить некоторые значения, помещенные в мою форму, а затем отправить ее. Мне нравится избегать формы со скрытыми входными данными, и я хочу создавать ее на лету. Мой псевдокод submitMyform() { //first i...
1793 просмотров
schedule 30.05.2024

Невозможно выполнить привязку к «formGroup», так как это неизвестное свойство «формы». Угловой 7
у меня есть эта ошибка ERROR Error: Uncaught (in promise): Error: Template parse errors: Can't bind to 'formGroup' since it isn't a known property of 'form'. ("<form [ERROR ->][formGroup]="formGroup" (ngSubmit)="onSubmit()" > И я...
111 просмотров
schedule 24.11.2022

Проверка угловой формы не отображает сообщение об ошибке
Я запускаю форму входа, чтобы отобразить ошибку, если пароль или адрес электронной почты недействителен. Пока что это то, что у меня есть <form [formGroup]="loginForm" (ngSubmit)="SignIn(email.value, password.value)">...
706 просмотров

Почему все значения valueChanges запускаются одновременно, когда взаимодействует только с одним formControl?
У меня есть 2 поля формы, которые представляют собой средства выбора даты, простую форму «до» и «от». Проблема в том, что valueChanges в приведенном ниже коде срабатывает для обоих элементов управления формы, независимо от того, с каким средством...
89 просмотров
schedule 14.05.2024

Проблема с флажком, когда в Angular7 используются аг-сетки флажков
Пробуем реализовать две ag-сетки в одном компоненте. Использовали разные параметры columnDef для обоих, но флажок для одной из сеток не работает. Первая аг-сетка работает правильно, но вторая не захватывает массив при выборе. Данные были...
182 просмотров
schedule 25.03.2024

FormGroup.valuesChanges с пользовательским вводом возвращает предыдущее значение
пример stackblitz При использовании formGroup с пользовательским вводом наблюдаемый объект valueChanges срабатывает со старым значением каждый раз, когда пользователь вводит. Это происходит только с опцией updateOn: blur . Ожидаемый...
171 просмотров

Angular: установка начального значения FormArray для модульных тестов
Я пытаюсь выполнить модульное тестирование этого созданного мной метода, который вызывается при изменении флажка в серии флажков. Мы берем переданное событие, определяем значение и, если флажок установлен, а затем изменяем значение массива форм в...
909 просмотров

Как я могу использовать операторы rxjs вместе с ngrx-form?
[Этот вопрос касается ngrx-форм] Вопрос 1. Представьте, что это мой reducer.ts //reducer.ts import { Action, combineReducers } from '@ngrx/store'; import { createFormGroupState, formGroupReducer, FormGroupState } from 'ngrx-forms'; import...
254 просмотров
schedule 25.10.2023

Реактивный массив форм для флажков в Angular 9
У меня есть массив продуктов, которые я возвращаю на объект, который выглядит так: {"opportunityId":2, "customer":"Graham's Motors",..."products":[{"id":1,"name":"Optoin 1","selected":false},{"id":2,"name":"Option...
175 просмотров
schedule 06.12.2022