要从Angular 7表单中获取已编辑的字段,您可以使用valueChanges
属性来订阅表单值的变化,并将变化保存在一个变量中。以下是一个示例解决方案:
在组件的模板中,创建一个表单并添加字段:
在组件的类中,创建一个表单组,并在构造函数中初始化它:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
myForm: FormGroup;
editedFields: any = {};
constructor(private formBuilder: FormBuilder) {}
ngOnInit() {
this.myForm = this.formBuilder.group({
name: ['']
});
this.myForm.valueChanges.subscribe(value => {
this.editedFields = value;
});
}
}
上述代码中,我们使用FormBuilder
来创建一个表单组,并将其绑定到模板中的myForm
属性。然后,我们订阅了valueChanges
属性并在每次值更改时将其保存在editedFields
变量中。
现在,您可以在组件中访问editedFields
变量,它将包含所有已编辑的字段的值。您可以根据需要对其进行处理。
希望这可以帮助到您!