import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';
@Component({
selector: 'app-my-form',
templateUrl: './my-form.component.html',
styleUrls: ['./my-form.component.css']
})
export class MyFormComponent implements OnInit {
form: FormGroup;
constructor(private fb: FormBuilder) { }
ngOnInit(): void {
this.form = this.fb.group({
name: '',
email: '',
hiddenField: ''
});
}
onSubmit() {
const values = this.form.value;
console.log(values.hiddenField);
}
}
在上述代码中,我们创建了一个名为 hiddenField
的隐藏字段。在组件的 onSubmit
方法中,我们可以访问该字段的值并将其输出到控制台。