Вопросы по теме '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 просмотров
schedule
21.11.2023
Условная привязка данных 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 просмотров
schedule
12.12.2022
Сравнение суммы в реактивных формах в Angular
Мне нужно сравнить amount с applied_amount . Однако они находятся на разных элементах управления, но находятся в одной и той же группе форм. Как мне проверить, больше ли «сумма», чем «applied_amount»? Вот код ниже.
this.reportForm =...
1296 просмотров
schedule
06.11.2023
mat-datepicker внутри * ngFor
Эта проблема возникала при использовании mat-datepicker внутри *ngFor .
mat-datepicker требуется ссылочная переменная шаблона #test для привязки к input . Есть ли вообще прямой способ использовать ссылочные переменные при использовании...
6385 просмотров
schedule
29.10.2023
Угловая форма не определена
Я пытаюсь установить проверку формы, но получаю, что элемент формы не определен. Если я удалю корневой элемент приложения из 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 просмотров
schedule
02.11.2022
Пользовательское контрольное количество валидатора в реактивных формах
Мне было трудно реализовать пользовательскую проверку в моих реактивных формах в Angular. Мне нужно контролировать количество. Количество не должно превышать доступное количество. Проблема, как я могу получить общее количество всего количества,...
287 просмотров
schedule
07.06.2024
Угловой условный режим только для чтения/отключения в полях ввода
У меня есть таблица с полями ввода, которые я заполняю значениями модели, я хочу применить только чтение/отключение к этим заполненным полям. когда я нажимаю добавить строку, я добавляю пустые строки в таблицу. Пустые строки, добавленные в таблицу,...
12082 просмотров
schedule
13.04.2024
Как я могу динамически создать форму и отправить ее в 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 просмотров
schedule
01.04.2024
Почему все значения 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 просмотров
schedule
31.12.2023
Angular: установка начального значения FormArray для модульных тестов
Я пытаюсь выполнить модульное тестирование этого созданного мной метода, который вызывается при изменении флажка в серии флажков. Мы берем переданное событие, определяем значение и, если флажок установлен, а затем изменяем значение массива форм в...
909 просмотров
schedule
11.04.2024
Как я могу использовать операторы 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