Angular 8，Typescript --在单击按钮以显示那些无效/必填字段后，如何获取表单中所有无效元素的列表

import { Component, ViewChild } from '@angular/core';
import { NgForm } from '@angular/forms';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  @ViewChild('myForm') myForm: NgForm;
  
  // 其他组件代码...
}

<form #myForm="ngForm">
  <!-- 表单字段 -->
</form>

getInvalidFormElements() {
  const invalidElements = [];
  const formControls = this.myForm.controls;

  for (const controlName in formControls) {
    if (formControls.hasOwnProperty(controlName)) {
      const control = formControls[controlName];
      if (control.invalid) {
        invalidElements.push(controlName);
      }
    }
  }

  return invalidElements;
}

// 在合适的地方调用方法
const invalidElements = this.getInvalidFormElements();
console.log(invalidElements);