以下是一个简单的Angular响应式表单的示例,其中包含了无验证的代码:
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 {
myForm: FormGroup;
constructor(private fb: FormBuilder) { }
ngOnInit() {
this.myForm = this.fb.group({
name: '',
email: ''
});
}
submitForm() {
console.log(this.myForm.value);
}
}
请注意,上述示例中没有添加任何验证规则,因此表单数据没有进行验证。如果需要添加验证规则,请参考Angular官方文档中的相关内容。