Описание тега angular2-formbuilder

Вопросы об Angular FormBuilder, встроенном API для создания экземпляров FormControl/FormGroup/или FormArray с использованием меньшего количества кода. Доступен в пакете @angular/forms.
0 ответов

Как восстановить входное значение с помощью formbuilder

Я бегу setupForm() функция на каждом ngOnInit() setupForm() { const term = this.store.selectSnapshot<any>( state => state.form.search.model.term ); this.searchForm = this.formBuilder.group({ termField: [term] }); } проблема в том, что когда…
1 ответ

Использовать отключение с формой на основе модели

Я пытаюсь использовать disabled внутри моей модели управляемой формы. У меня есть следующая форма: this.form = this.formBuilder.group({ val1: ['', Validators.required], val2: [{value:'', disabled:this.form.controls.val1.valid}] }); Я получаю сообщен…
12 ответов

ngModel нельзя использовать для регистрации элементов управления формы с помощью родительской директивы formGroup.

После обновления до RC5 мы начали получать эту ошибку: ngModel cannot be used to register form controls with a parent formGroup directive. Try using formGroup's partner directive "formControlName" instead. Example: <div [formGroup]="myGroup"> …
1 ответ

Динамическая форма angular2 с *ngFor, двусторонней привязкой [(ngModel)] и проверкой формы

Постановка задачи Я пытаюсь создать динамическую форму, где части интерфейса реагируют на обновления модели: пользователь нажимает на кнопку новая сущность модели добавляется во внутренний список компонентов, и создается новая группа элементов упра…
0 ответов

Директива флажка в Angular2 + проверка

В моем приложении у меня много разных форм, и у некоторых из них есть флажки.Вот почему я решил создать для них директиву checkbox-es + custom validator. В этой директиве я использую DoCheck но, возможно, это не Angular2 способ создать такую ​​дирек…
1 ответ

Angular Почему доступ к вложенной группе форм через.controls выдает ошибку при использовании [controls] не

При попытке получить доступ к вложенной группе форм, как показано ниже this.parentForm = this.FormBuilder.group({ name: [''], addressGroup: this.FormBuilder.group({ street: [''], city: [''] }); }); При попытке получить доступ к улице, как this.paren…
28 дек '17 в 11:59
1 ответ

Изменение значения массива объектов с помощью formbuilder

У меня проблемы с formbuilder в угловых 2. У меня есть следующий сценарий. Я проверяю электронную почту, если у меня уже есть в массиве сотрудников, я убираю поле, если ему разрешено ничего не делать. Я запускаю foreach, чтобы проверить это, в моем …
14 сен '17 в 11:57
5 ответов

В чем разница между formControlName и FormControl?

Я использую ReactiveFormsModule Angular2, чтобы создать компонент, который содержит форму. Вот мой код: foo.component.ts: constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component…
1 ответ

Угловой 2 типа FormBuilder

Изучая Angular 2, я впервые увидел ngModel, а теперь увидел FormGroup/FormBuilder, который будет лучше создавать сложные формы. Но я заметил, что с FormBuilder мы теряем всю силу статического типа, предоставляемую TypeScript. Все наблюдаемые и основ…
20 дек '16 в 23:47
1 ответ

Флажок Angular 2 Reactive Forms - Bind Bool to Number

У меня есть модель формы с некоторыми показателями, которые представлены в виде флажков. В настоящее время они моделируют свое значение как true/false в форме объекта json. То, что я хотел бы, чтобы их значение было преобразовано из логического числ…
1 ответ

Угловая 2 или 4 Проверка правильности набора форм зависит от другого значения поля

Я пытаюсь создать форму в Angular 2 с помощью модуля Reactive Forms, и я пытаюсь установить проверку некоторого поля в форме, которая требуется, если выбрано другое поле.Я сделал что-то не так? ngOnInit() { this.martialForm = this.fb.group({ 'marita…
0 ответов

Индикатор выполнения Angular 2 Multi Step Form с

Я пытаюсь создать поток, который очень похож на ( http://plnkr.co/edit/M03tYgtfqNH09U4x5pHC?p=preview), но с angular2. У меня есть готовые потоки, хотя я не принимаю во внимание состояние или данные, но меня больше интересует индикатор выполнения, и…
1 ответ

Angular: Справка по редактируемой форме на месте

Я пытаюсь создать редактируемую форму на месте, чьи элементы управления должны переключаться между редактируемым режимом и режимом только для просмотра при нажатии кнопки снаружи (я не хочу, чтобы отдельные элементы управления нажимались для переклю…
2 ответа

FormControl:setValue не запускает событие ввода

У меня есть форма с notes поле, ограниченное текстовой областью. this.form = this.formBuilder.group({}); this.form.addControl('notes', new FormControl('')); Шаблон имеет autoresize Директива прилагается. <textarea formControlName="notes" autosize…
25 июн '18 в 14:56
1 ответ

Заполните раскрывающийся список из службы после загрузки формы

У меня есть проблема, аналогичная описанной в раскрывающемся списке в Angular 2 Model Driven Form (хотя с гораздо более простой привязкой модели к блоку выбора). Шаблон очень прост, в основном это список 'Dear x', где x предоставляется сервисом: &lt…
1 ответ

Angular: Как узнать, вернулась ли форма в исходное состояние?

У меня есть реактивная форма, которая имеет некоторые значения по умолчанию и хочу отключить кнопку сохранения, пока пользователь не изменил что-либо и если пользователь вернул ее в исходное состояние. Я могу подписаться на valuechanges, но я хочу з…
0 ответов

Angular - FormBuilder - Как избежать дублирования данных

Что я использую угловатый Firestore Чего я пытаюсь достичь Форма редактирования Предварительное заполнение входных данных на основе значений в firestore с использованием 'formControlName' Проблема Я подписываюсь на мой проект документа Я пытаюсь обн…
1 ответ

Реактивная форма для просмотра / обновления не привязана к FormBuilder

Я собираюсь заранее извиниться, так как думаю, что упускаю здесь что-то очевидное. Я новичок в кодировании, и я пытаюсь использовать ту же форму для просмотра и редактирования данных из HTTP API. Я могу отобразить детали записи (код: кодовое имя и о…
05 фев '18 в 21:20
1 ответ

Угловая 2 форма форсуночка мин макс валидация

Я использую угловой 2 formbuilder для создания формы. Я хочу ввести только положительные значения в поле суммы (minValue равно 0, а maxvalue равно 100). Как выполнить проверку минимума и максимума с помощью angular2 formbuilder. HTML-код <form cl…
26 июл '17 в 09:22
1 ответ

Не удалось передать массив в дочерний компонент

Я хочу, чтобы пример Dynamic Forms Cookbook работал с сервисом http. Ошибка TypeError: Cannot read property 'forEach' of undefined где undefined касается массива, который я передаю дочернему компоненту. Не стесняйтесь заглянуть в вантуз. Я внес изме…