在 Angular 中，表单提交有两种方式：模板驱动和响应式。下面分别给出这两种方式的代码示例。

模板驱动方式：

html 文件：

  姓名：
  
  


  邮箱：
  
  


  提交

ts 文件：

onSubmit(form: NgForm) {
  console.log(form.value);
  // 提交表单操作，可以使用 HttpClient 发送到后端服务器
}

响应式方式：

html 文件：

  姓名：
  
  


  邮箱：
  
  


  提交

ts 文件：

import { FormGroup, FormControl, Validators } from '@angular/forms';

export class AppComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      name: new FormControl('', Validators.required),
      email: new FormControl('', [Validators.required, Validators.email])
    });
  }

  onSubmit() {
    console.log(this.myForm.value);
    // 提交表单操作，可以使用 HttpClient 发送到后端服务器
  }
}

其中，模板驱动方式需要在组件的模块中导入 FormsModule，响应式方式需要导入 ReactiveFormsModule。