我在angular的form中创建了一个formArray。 当我修补具有值为数组的tasks的对象时,此属性似乎被忽略且未设置。 不出所料,名字被更改了。但任务并非如此。为什么? 我不想捕获特定的元素并使用setValue或类似的东西,我只想有一个对象,angular将调查这个对象并匹配值和字段。 The code in stackblitz.com import { Component, VERSION } from "@angular/core";
import { FormGroup, FormControl, FormArray } from "@angul
我不明白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
我已经在Angular 12中创建了一个反应形式的简单Angular项目 当我添加一个控件时,点击按钮'Add Mobile No‘得到错误信息'Cannot find control with name:'0’。 组件HTML是: <h3>Reactive Form Example</h3>
<div class="container">
<div class="row">
<div class="col-md-12">
我最近开始学习angular,并创建了这个反应式表单,从用户那里获取一些输入。但是hobbies部分不能正常工作,我得到这个错误,我不能调试:
AppComponent.html:39 ERROR TypeError: Cannot read property 'forEach' of null
at FormArray._forEachChild (forms.js:5718)
at FormArray._setUpControls (forms.js:5759)
at new FormArray (forms.js:5385)
at AppC
我有一个表格,用户可以填写他们的锻炼。我想打电话给addSet(),把FormGroup推到sets FormArray
ngOnInit() {
this.workoutForm = new FormArray([
new FormGroup({
name: new FormControl(),
sets: new FormArray([
new FormGroup({
reps: new FormControl(),
我在我的angular项目中有一个反应式表单,定义如下: this.createUserFormGroup = new FormGroup({
'userName': new FormControl(null, [Validators.required, Validators.maxLength(256)]),
'name': new FormControl(null, [Validators.required, Validators.maxLength(64)]),
'roleNames': new FormArray([]),
我已经编写了一个自定义表格,您可以在其中使用按钮添加行。如何将其设置为使新插入的行显示在表格的顶部?
我的代码:
// For the form
kagListForm: FormGroup;
rows: FormArray;
submitted = false;
// Variables for Data Table
public columns = [];
private all = false;
public index: number;
public originalData: any = [];
public displayedColumns: E
我在Angular中使用反应式表单,并禁用了基于其他字段/表单控件的值计算的表单控件。当该禁用字段的相关字段的值发生更改时,如何更新该禁用字段的值。计算是有效的,但我需要它来订阅其他字段的更改。我创建FormGroup的函数如下所示:
createBasket(basket: any) {
return new FormGroup({
length: new FormControl(basket.length),
width: new FormControl(basket.width),
height: new FormControl(basket.
我在一个Angular 7应用程序中使用模型驱动表单,其中一个表单允许用户动态添加/删除一组字段。这是我所指的视觉参考:
这是我使用的FormModel:
this.formModel = new FormGroup( {
id : new FormControl(''),
name : new FormControl('', Validators.required),
comment : new FormControl(''),
options : new FormControl(3),
在动态添加的FormGroup中,我似乎无法将焦点设置在输入字段上:
addNewRow(){
(<FormArray>this.modalForm.get('group1')).push(this.makeNewRow());
// here I would like to set a focus to the first input field
// say, it is named 'textField'
// but <FormControl> nor [<AbstractControl&g
我正在努力建立具有这种结构的动态形式:
Form
-|FormGroup
--|FormArray
---|FormGroup
----|FormControl
----|FormArray
-----|FormGroup
------|FormControl <-- Problem that I cannot bind this form control to input
------|FomrControl <-- Problem that I cannot bind this form control to input
在两个指定的控件上,我得到错误。
Cannot find