角度模式验证模板驱动表单从ngFor循环中获取验证的元素

<form #myForm="ngForm">
  <div *ngFor="let item of items; let i = index">
    <input type="text" name="item{{i}}" [(ngModel)]="item" required>
    <div *ngIf="myForm.controls['item' + i].invalid && myForm.controls['item' + i].touched">
      <div *ngIf="myForm.controls['item' + i].errors.required">该字段为必填项。</div>
    </div>
  </div>
  <button type="submit">提交</button>
</form>

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

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

  addItem() {
    this.items.push('');
  }

  removeItem(index: number) {
    this.items.splice(index, 1);
  }

  onSubmit() {
    if (this.myForm.valid) {
      // 表单验证通过，执行提交操作
    }
  }
}