在新的FormGroup对象中,为每个字段创建FormControl或者其他表单控件。例如,如果新行有一个名为name的输入字段,可以使用new FormControl()来创建该字段的表单控件。 将新的FormGroup对象添加到FormArray中,可以使用FormArray的push方法。例如:this.myForm.get('myFormArray').push(newRowFormGroup)。 完成以上...
接下来,根据需要,可以使用push方法向FormArray中添加FormControl实例,每个FormControl实例代表一个表单控件: 代码语言:txt 复制 // 向FormArray中添加一个FormControl this.formArray.push(new FormControl('初始值')); 如果需要设置FormArray中特定索引位置的值,可以使用at方法获取该位置的FormControl,并使用setValue方...
})exportclassFormComponent{form:FormGroup;constructor() {this.form=newFormGroup({items:newFormArray([]) }); }getitems() {return(this.form.get('items')asFormArray); }addItem() {this.items.push(newFormControl('')); }removeItem(index:number) {this.items.removeAt(index); } } 然后,在...
variantFormGroup.controls.options.value; if(!optionValue) optionValue = []; optionValue.push(`chip${this.currentIndex}`); // push your actutal string value variantFormGroup.controls.options.setValue(optionValue); this.currentIndex++; //don't consider this, this is just for adding new name ...
addresses: new FormArray([])在上述示例代码中，我们创建了一个名为"addresses"的FormArray，并将它作为"form"的一个属性。这意味着我们可以在表单 中以数组的形式管理多个地址。接下来，我们需要添加一些表单控件到FormArray中。假设我们 需要添加姓名和地址之类的表单控件。我们可以在组件类的构造函数 中调用...
*/privatenewFormArrayItem():FormGroup{returnthis.fb.group({strike_price:[],strike_schedule_type:[],payout:[]});}/** * 添加表单组项 */publicaddFormArrayItem(){this.exoticDetails.push(this.newFormArrayItem());}/** * 删除表单组项 ...
myForm: FormGroup myArray: FormArray // <FormControl<MyType>> constructor(private _formBuilder: FormBuilder) { myForm = new FormGroup({ myArray: this._formBuilder.array([]) }) } Run Code Online (Sandbox Code Playgroud) 因为我在某个地方有一个按钮可以让我向数组添加新元素,所以我执行以...
this.ingredientsFormArray.push(newFormGroup({ name:newFormControl(ingredient.name, [Validators.required]), approved_qty:newFormControl(ingredient.approved_qty, [Validators.required]), quantities:newFormArray([]), })); constingredientForm= <FormGroup>this.ingredientsFormArray.controls[this. ...
保存添加push到原页面的FormArray中 newModelType(): FormGroup {returnthis.fb.group({ modelName: ['', Validators.required], configList:this.fb.array([]), }); }// ...省略// 模态框显示show() {this.isVisible =truethis.selectedType =this.newModelType(); ...
// 增加表单 newForm(){constarr=this.groupForm.get('Arr')asFormArray;arr.push(this.createForm());// 推送form新表单} // 移除表单 removeForm(i:number){constarr=this.groupForm.get('Arr')asFormArray;arr.removeAt(i);// 根据索引移除对应的表单} ...