我有一个使用FormArray的带有动态嵌套表单的Angular表单。我从另一篇文章中得到了嵌套表单的想法。我正在尝试将嵌套表单输出到一个具有rowspan的html表中。我想我已经正确地计算出了结构,但是当我尝试将嵌套表单呈现到一个表中时,标题被推到了右边,第一列变成了整个输出的列。 我这里有一个stackblitz条目:https://stackblitz.com/edit/angular-ivy-4zjniz?file=src/app/app.component.ts 当窗体第一次呈现时,它显示如下:First time on component image 然后,当我点击Add Se
我不明白FormGroup、FormControl、FormArray在Angular中是如何工作的 我的错误是: Type '{ question: FormControl; multi: true; choices: FormArray; }' is not assignable to type 'AbstractControl'.
Object literal may only specify known properties, and 'question' does not
exist in type 'AbstractCon
参考:,很容易获得一个FormArrayName:
<form [formGroup]="form" (ngSubmit)="onSubmit()">
<div formArrayName="cities">
<div *ngFor="let city of cities.controls; index as i">
<input [formControlName]="i" placeholder="City">
&l
对于Angular中的FormArrays,有没有办法使用getRawValue()来获取项值。 我让代码使用at(i).value返回索引"i“处的对象的值。 var itemValue = (<FormArray>this.myForm.get('myList')).at(i).value; 根据@eper在帖子How to get values from disabled form controls in a form group?中的回答 我用下面的代码访问了表单数组的原始值: var itemRawValue = (<FormArray&g
我的表单结构如下所示
-MainForm(ParentForm)
-FormGroup(MedicineGroup)
-FormArray(MedicineArray)
我想要迭代MedicineArray,为此我做了一些研究,并编写了以下代码
for (let control of soForm.get('MedicineGroup').controls['MedicineArray'].controls) {
medObj.name.push(control.controls['MedName'].value);
}
代码运
我需要你的帮助。我正在学习AngularJs。我正在尝试使用AngularJs中的嵌套FormArray动态添加新行。我写了代码,它运行得很好,但其中有一个错误。当我点击Add new Row按钮时,需要点击4-5次才能完成它的任务。当我在控制台上检查时,它显示以下错误:
core.js:6185 ERROR Error: Cannot find control with name: '1'
at _throwError (forms.js:3479)
at setUpFormContainer (forms.js:3451)
at FormGroupD
使用下面的验证器方法,我得到了下面的Typescript错误。我觉得,我已经尝试了所有的方法,我已经没有想法了。谁能告诉我怎么解决这个问题? 验证器方法不让项目编译,因此问题与该方法的使用无关。 Type '(formArray: FormArray) => { required: boolean; } | null' is not assignable to type 'ValidatorFn'.
Types of parameters 'formArray' and 'control' are incomp
我正在尝试创建一个formGroup,其中一个控件是一个formArray,它反过来保存表单数组。它应该看起来像这样 this.storageForm = new FormGroup({
FLOOR:new FormControl("", Validators.required), // Will receive only 1 floor
AISEL:new FormControl("", Validators.required), // Will receive only 1 Aisel
STACKS: new FormArray(
我在angular的form中创建了一个formArray。 当我修补具有值为数组的tasks的对象时,此属性似乎被忽略且未设置。 不出所料,名字被更改了。但任务并非如此。为什么? 我不想捕获特定的元素并使用setValue或类似的东西,我只想有一个对象,angular将调查这个对象并匹配值和字段。 The code in stackblitz.com import { Component, VERSION } from "@angular/core";
import { FormGroup, FormControl, FormArray } from "@angul
我试图在角11中实现一个验证器,但是我得到了遵从错误:Type '(controlArray: FormArray) => ValidationErrors | null' is not assignable to type 'ValidatorFn'.,有什么想法,如何修复这个错误?
Validator-class:
import { FormArray, ValidationErrors } from "@angular/forms";
export class BookValidators {
static atLeastO
在how to implement multiple selection and reactive form ?上有例子吗
我试图在multiselect-dropdown上设置选定的项(从数据库中检索),它将更新显示的项(视图),但它会引发以下错误:
core.js:12501 ERROR TypeError: control.registerOnChange is not a function
at setUpModelChangePipeline (forms.js:2064)
at setUpControl (forms.js:2007)
atFormGroup
:,我正在构建一个可重用的FormGroups中继器(reactive ),其中中继器的通用部分提供添加/删除控件和逻辑,所有想要使用它的组件只需要提供必须重复的模板。我查过了
它展示了如何用模板驱动的方式来完成这样的事情。
:,我附加到<template>中的控件的formControlName指令不会被中继器的通用部分接收到:
Error: Cannot find control with name: 'id'
at _throwError (https://unpkg.com/@angular/forms/bundles/forms.umd.js
我的组件TypeError: control.setParent is not a function出现错误。使用FormBuilder,我构建了一个FormArray并在构造函数中初始化了表单组。因此,据我所知,这个错误是说表单控件尚未设置。我不确定这对我有什么意义
这是到目前为止的组件...
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormArray } from '@angular/forms';
import { Observa