在表单组件的HTML代码中，为Mat-Input添加一个ngModel的绑定，以便将输入的值绑定到组件的控制器中。然后，在控制器中使用Validators.required对该字段进行验证。

示例代码：

HTML代码：

Name is required.

TypeScript代码：

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

@Component({ selector: 'app-form', templateUrl: './form.component.html', styleUrls: ['./form.component.css'] }) export class FormComponent { name: string; form: FormGroup;

constructor(private fb: FormBuilder) { this.createForm(); }

createForm() { this.form = this.fb.group({ name: ['', Validators.required] }); } }

在上面的代码中，当表单数据被验证时，如果name字段为空，则会显示一条错误消息。如果字段不为空，则该消息将不再显示。