在Angular 6中,要在保存事件时绑定formArray的值,可以按照以下步骤进行操作:
<form [formGroup]="myForm">
<div formArrayName="myFormArray">
<div *ngFor="let control of myFormArray.controls; let i=index">
<input type="text" [formControlName]="i">
</div>
</div>
</form>
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormArray } from '@angular/forms';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) { }
ngOnInit() {
this.myForm = this.formBuilder.group({
myFormArray: this.formBuilder.array([])
});
}
onSave() {
// 获取formArray的值
const formArrayValue = this.myForm.get('myFormArray').value;
console.log(formArrayValue);
}
}
get
方法获取formArray的值。然后,你可以对这些值进行进一步的处理,例如保存到数据库或发送到服务器。以上就是在Angular 6中如何在保存事件时绑定formArray值的步骤。请注意,这只是一个简单的示例,实际应用中可能会有更复杂的逻辑和操作。对于更多关于Angular的信息,你可以参考腾讯云的Angular产品介绍页面:Angular产品介绍。
领取专属 10元无门槛券
手把手带您无忧上云