在Angular 7中,可以使用FormBuilder和FormGroup来创建表单并进行表单验证。为了防止在提交时删除其他字段数据,你可以使用setValue或patchValue方法来设置表单的值。
下面是一个示例解决方法:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
@Component({
selector: 'app-your-component',
templateUrl: './your-component.component.html',
styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) { }
ngOnInit() {
this.myForm = this.formBuilder.group({
field1: ['', Validators.required],
field2: ['', Validators.required],
field3: ['', Validators.required]
});
}
onSubmit() {
// 防止删除其他字段数据
const field1Value = this.myForm.value.field1;
const field2Value = this.myForm.value.field2;
const field3Value = this.myForm.value.field3;
// 执行你的提交逻辑,将字段值发送到服务器
}
}
在这个示例中,当用户提交表单时,onSubmit方法会防止删除其他字段数据,并执行你的提交逻辑。