Публикации по теме 'angular-forms'
Angular Reactive Form 03: Использование группы форм с вложенной формой
На прошлом уроке мы узнали, как добавлять проверки в реактивные формы. Angular Reactive Form 02: добавление проверки в реактивные формы angular
В сегодняшнем блоге мы увидим группы форм и вложенные группы. Для создания группы форм сначала мы возьмем переменную и назначим экземпляр группы форм. Внутри переменной She будет именем элемента управления фирмы, а тип имени — элемент управления формы. Это очень просто, как семейное фото здесь.
Я создал простой пользовательский..
Нагота с угловыми реактивными формами
Как реактивные формы работают под капотом?
Пришло время еще раз погрузиться в Angular, уважаемый читатель. В этой статье мы рассмотрим внутреннюю библиотеку Angular Reactive Forms, чтобы увидеть, как она моделирует формы и элементы графического интерфейса.
Я подумал, что воспользуюсь немного другим подходом и покопаюсь в исходном коде Angular, чтобы попытаться понять, как работают элементы управления и директивы формы, поскольку в Интернете уже есть множество руководств по реактивным..
Вопросы по теме 'angular-forms'
Возможно ли иметь Angular 2 formGroup без тега формы?
Мне нужна документация по Angular 2 , и нет никакого способа узнать, как лучше всего использовать formGroup .
Обязательно ли заключать formGroup в тег формы?
Я рассмотрел этот вопрос о переполнении стека:
formGroup ожидает...
15978 просмотров
schedule
21.07.2022
Angular 2: применить проверку Validator.required при некоторых условиях
У меня есть форма angular 2, в которой я должен сделать поле обязательным при некоторых условиях, например:
description: ['', Validators.required]
Это поле описания потребуется только для некоторых типов условий, таких как:...
3871 просмотров
schedule
14.12.2022
Как отключить управление формой радиоввода с остальной частью формы?
Когда я вызываю this.employeeForm.disable() внутри функции ngOnInit моего компонента, все элементы управления моей формы отключаются, за исключением элемента управления с переключателем напоминания_email. Если я помещу вызов отключения в setTimeout...
773 просмотров
schedule
20.11.2023
Angular реактивные формы и ошибка настраиваемого валидатора
В моем приложении Angular 4 у меня есть валидатор настраиваемой формы , который выглядит следующим образом :
import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
export function myCustomValidator(myCustomArg:...
3888 просмотров
schedule
15.05.2023
ngControlStatus (действительный, недействительный, нетронутый, грязный и т. д.) не работает на ‹select›
Я пытаюсь выполнить некоторую проверку формы, и по какой-то причине, когда я пытаюсь добавить класс в свой выбор с условием myTest.pristine, ничего не происходит. Однако это отлично работает на обычном вводе. Пожалуйста, смотрите мой пример ниже....
596 просмотров
schedule
28.06.2023
Объединение управляемых моделью групп форм
У меня есть компонент аккордеона, который я создал в Angular, и в каждом ящике есть несколько форм, которые пользователь должен будет заполнить. Во время этого процесса пользователь может либо сохранить свою информацию, чтобы продолжить позже, либо...
572 просмотров
schedule
12.06.2023
Проверка формы Angular 5 (обязательно) не работает
Я изучаю Angular 5 с помощью TypeScript. Я совершенно новичок в этом. Сейчас я пытаюсь создать форму и проверить ее. Но это не работает должным образом.
Это мой компонент:
@Component({
selector: 'app-login',
templateUrl:...
16729 просмотров
schedule
11.02.2023
Невозможно связать с «ngValue», так как это не известное свойство «option».
Я пытаюсь реализовать select в Angular 5, но постоянно получаю это
Я уже пробовал много вопросов StackOverflow. Единственное отличие состоит в том, что мои компоненты находятся внутри другого модуля в приложении, которое в конце концов...
28141 просмотров
schedule
13.10.2022
Реактивная форма Angular 4 всегда недействительна с настраиваемой проверкой необходимых флажков
Используя Angular 4, у меня есть реактивная форма с флажками. Для отправки формы необходимо установить хотя бы один из флажков.
Я создал специальную проверку, которая, кажется, возвращает правильное значение, но форма всегда недействительна....
8260 просмотров
schedule
24.03.2023
Получить все ошибки проверки из Angular 2+ FormArray
public static getFormErrors(formGroup: FormGroup, server_errors = {}): any {
let errors = {};
Object.keys(formGroup.controls).forEach(key => {
const controlErrors: ValidationErrors = formGroup.get(key).errors;
if...
1218 просмотров
schedule
21.07.2023
Как лучше всего создать форму на Fly в angular x (2 4 5) и отправить ее?
У меня есть угловое приложение x (2 4 5), и я должен перенаправить сообщение на страницу банка, чтобы пользователь мог что-то заплатить. Итак, я хочу создать форму на лету в своем DOM и опубликовать ее. Не могу найти лучший способ. Легко зациклить...
279 просмотров
schedule
24.10.2022
Объединение значений массива в строки FormArray в реактивных формах
Я пытаюсь отправить товар, и мне нужно получить this.totals[].amount and this.totals[].total. . Сейчас я могу получить только this.myForm.get('rows').value . Мне нужно вставить в строки this.totals []. Amount и this.totals []. Total. Как я могу...
479 просмотров
schedule
24.11.2022
Angular 5 Reactive Forms, добавьте время отката в FormControl внутри FormArray
У меня есть formArray с именем приглашает,
this.userInviteForm = this.fb.group({
invites: this.fb.array([ this.buildInvite() ])
});
buildInvite(): FormGroup {
return this.fb.group({
userIdentifier: ['', [Validators.required,...
513 просмотров
schedule
26.08.2022
Удаление ngModel из компонента
У меня есть некоторые компоненты, созданные для моего приложения angular, и после обновления моего проекта до версии 6 Angular я получил сообщение, которое меня беспокоит.
Похоже, вы используете ngModel в том же поле формы, что и formControl....
1892 просмотров
schedule
06.09.2022
Получить свойство родителя из дочернего компонента в угловой форме
Я использую Angular 6 с реактивными формами, мне нужно переключить форму между редактируемым и пользовательским представлением «только для чтения». В проекте есть несколько настраиваемых компонентов ввода, поэтому кажется, что проще всего...
824 просмотров
schedule
25.08.2023
Как я могу получить валидаторы напрямую из formControl?
У меня есть поле электронной почты, и я добавил два валидатора (обязательно, электронная почта), я хочу проверить статус проверки на input event , чтобы вызвать API, проверьте дозу члена моей системы, когда он действителен, если...
3188 просмотров
schedule
25.10.2022
Как создавать вложенные вложенные реактивные формы?
Я пытаюсь создать реактивную форму, которая будет отображать информацию на странице о встречах, метки являются динамическими и возвращаются из API.
Вот пример возвращаемых данных.
const meetings = [
{
id: 1,
date: '06/07/2018',...
171 просмотров
schedule
19.07.2022
HTTP-запрос Angular 6 для части большой формы
У меня есть большая форма в моем SPA (person.firstName, lastName, DOB, Gender, Citizenship и т. Д.). Мне нужно отправить на серверную часть для проверки бизнес-логики каждую часть этой формы (которые сгруппированы по их области действия), когда она...
57 просмотров
schedule
23.09.2023
Angular 5: проверка динамической формы внутри таблицы
Я пытаюсь проверить поля ввода внутри таблицы с помощью группы форм, но не могу этого добиться. Я использую * ngFor для итерации данных, потому что мне нужно отображать эти данные в первом столбце таблицы, а другие столбцы - это просто текстовые поля...
5223 просмотров
schedule
27.08.2022
Автоматическое создание FormControls из элементов в Reactive Forms Angular
Как вы знаете, когда мы создаем формы с реактивными формами в Angular, мы назначаем имя элемента управления формой, а также вручную создаем элементы управления формой, как показано ниже:
<form [formGroup]="ntForm" (change)="onChange($event)"...
727 просмотров
schedule
23.10.2022