Публикации по теме '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 просмотров

Angular 2: применить проверку Validator.required при некоторых условиях
У меня есть форма angular 2, в которой я должен сделать поле обязательным при некоторых условиях, например: description: ['', Validators.required] Это поле описания потребуется только для некоторых типов условий, таких как:...
3871 просмотров

Как отключить управление формой радиоввода с остальной частью формы?
Когда я вызываю 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 просмотров

ngControlStatus (действительный, недействительный, нетронутый, грязный и т. д.) не работает на ‹select›
Я пытаюсь выполнить некоторую проверку формы, и по какой-то причине, когда я пытаюсь добавить класс в свой выбор с условием myTest.pristine, ничего не происходит. Однако это отлично работает на обычном вводе. Пожалуйста, смотрите мой пример ниже....
596 просмотров

Объединение управляемых моделью групп форм
У меня есть компонент аккордеона, который я создал в Angular, и в каждом ящике есть несколько форм, которые пользователь должен будет заполнить. Во время этого процесса пользователь может либо сохранить свою информацию, чтобы продолжить позже, либо...
572 просмотров
schedule 12.06.2023

Проверка формы Angular 5 (обязательно) не работает
Я изучаю Angular 5 с помощью TypeScript. Я совершенно новичок в этом. Сейчас я пытаюсь создать форму и проверить ее. Но это не работает должным образом. Это мой компонент: @Component({ selector: 'app-login', templateUrl:...
16729 просмотров

Невозможно связать с «ngValue», так как это не известное свойство «option».
Я пытаюсь реализовать select в Angular 5, но постоянно получаю это Я уже пробовал много вопросов StackOverflow. Единственное отличие состоит в том, что мои компоненты находятся внутри другого модуля в приложении, которое в конце концов...
28141 просмотров
schedule 13.10.2022

Реактивная форма Angular 4 всегда недействительна с настраиваемой проверкой необходимых флажков
Используя Angular 4, у меня есть реактивная форма с флажками. Для отправки формы необходимо установить хотя бы один из флажков. Я создал специальную проверку, которая, кажется, возвращает правильное значение, но форма всегда недействительна....
8260 просмотров

Получить все ошибки проверки из 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 просмотров

Объединение значений массива в строки FormArray в реактивных формах
Я пытаюсь отправить товар, и мне нужно получить this.totals[].amount and this.totals[].total. . Сейчас я могу получить только this.myForm.get('rows').value . Мне нужно вставить в строки this.totals []. Amount и this.totals []. Total. Как я могу...
479 просмотров

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 просмотров

Удаление ngModel из компонента
У меня есть некоторые компоненты, созданные для моего приложения angular, и после обновления моего проекта до версии 6 Angular я получил сообщение, которое меня беспокоит. Похоже, вы используете ngModel в том же поле формы, что и formControl....
1892 просмотров

Получить свойство родителя из дочернего компонента в угловой форме
Я использую 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 просмотров

HTTP-запрос Angular 6 для части большой формы
У меня есть большая форма в моем SPA (person.firstName, lastName, DOB, Gender, Citizenship и т. Д.). Мне нужно отправить на серверную часть для проверки бизнес-логики каждую часть этой формы (которые сгруппированы по их области действия), когда она...
57 просмотров

Angular 5: проверка динамической формы внутри таблицы
Я пытаюсь проверить поля ввода внутри таблицы с помощью группы форм, но не могу этого добиться. Я использую * ngFor для итерации данных, потому что мне нужно отображать эти данные в первом столбце таблицы, а другие столбцы - это просто текстовые поля...
5223 просмотров

Автоматическое создание FormControls из элементов в Reactive Forms Angular
Как вы знаете, когда мы создаем формы с реактивными формами в Angular, мы назначаем имя элемента управления формой, а также вручную создаем элементы управления формой, как показано ниже: <form [formGroup]="ntForm" (change)="onChange($event)"...
727 просмотров