Angular响应式表单的克隆值可以通过以下方法实现:
FormBuilder
和FormGroup
类。import { FormBuilder, FormGroup } from '@angular/forms';
export class MyComponent {
form: FormGroup;
constructor(private formBuilder: FormBuilder) {
this.form = this.formBuilder.group({
// 表单控件
});
}
}
cloneFormValues() {
return JSON.parse(JSON.stringify(this.form.value));
}
cloneFormValues()
方法来获取克隆表单值。
完整示例代码如下:
import { Component } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';
@Component({
selector: 'my-component',
template: `
`
})
export class MyComponent {
form: FormGroup;
constructor(private formBuilder: FormBuilder) {
this.form = this.formBuilder.group({
// 表单控件
});
}
cloneFormValues() {
return JSON.parse(JSON.stringify(this.form.value));
}
}
这样就可以通过点击“Clone”按钮来获取表单的克隆值了。