你可以使用Angular材料的FormControl和FormGroup来轻松解决这个问题。下面是一个例子：

在component.ts文件中：

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

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
  form: FormGroup;

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

  get name() {
    return this.form.get('name');
  }

  get email() {
    return this.form.get('email');
  }
}

在component.html文件中：

  
    
    
      Please enter a valid name.
    
  

  
    
    
      Please enter a valid email address.
    
  

在上面的例子中，我们创建了一个FormGroup并使用FormControl来定义两个表单控件：name和email。我们还使用Validators来添加一些验证规则（例如：required和email）。

在HTML模板中，我们使用formGroup指令将form绑定到