如何从Angular中的项目列表添加表单验证

<form (ngSubmit)="onSubmit()" #projectForm="ngForm">
  <div class="form-group">
    <label for="name">项目名称</label>
    <input type="text" id="name" name="name" [(ngModel)]="project.name" required>
    <div *ngIf="projectForm.controls.name.invalid && projectForm.controls.name.touched" class="error-message">
      项目名称是必填项。
    </div>
  </div>
  
  <div class="form-group">
    <label for="description">项目描述</label>
    <textarea id="description" name="description" [(ngModel)]="project.description"></textarea>
  </div>
  
  <button type="submit" [disabled]="projectForm.invalid">保存</button>
</form>

import { Component } from '@angular/core';

@Component({
  selector: 'app-project-list',
  templateUrl: './project-list.component.html',
  styleUrls: ['./project-list.component.css']
})
export class ProjectListComponent {
  project = {
    name: '',
    description: ''
  };

  onSubmit() {
    // 处理表单提交事件，保存表单数据
    console.log(this.project);
  }
}