关闭ngSubmit()中的多条错误消息

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

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

  onSubmit() {
    // 表单验证逻辑
    if (/* 表单验证失败 */) {
      this.errorMessages.push('错误消息1');
      this.errorMessages.push('错误消息2');
      // 添加更多错误消息
    }
  }
}

<form (ngSubmit)="onSubmit()">
  <!-- 表单字段 -->
  
  <button type="submit">提交</button>
</form>

<div *ngIf="errorMessages.length > 0">
  <h4>错误消息：</h4>
  <ul>
    <li *ngFor="let errorMessage of errorMessages">{{ errorMessage }}</li>
  </ul>
</div>