Angular：如何使用多选验证表单？

如何解决Angular：如何使用多选验证表单？

我对 Angular 比较陌生，我正在尝试使用 mat-input 和 mat-labels 等组件验证一个巨大的表单。有一次，我不得不使用 HTML 中的 AuthBackend 属性来使用角度材料中的多选，如版本 7 的角度材料文档中指定的那样。

现在我已经有一个为多选元素指定了 [formControl] 属性的表单。这是在使用 [formControl] 属性的表单中。现在要验证表单，我相信我必须对多选使用 [formGroup] 属性，就像我们对其他元素所做的一样，但验证似乎没有发生。

这是它的 HTML 部分：

formControlName

这是 component.ts 部分：

<mat-form-field style="width: 300px;">
  <mat-select [formControl]="names" multiple>
    <mat-select-trigger>
      {{names.value ? names.value[0] : ''}}
      <span *ngIf="names.value?.length > 1" class="example-additional-selection">
        (+{{names.value.length - 1}} {{names.value?.length === 2 ? 'other' : 'others'}})
      </span>
    </mat-select-trigger>
    <mat-option (click)="selectAll(ev);" #ev >All</mat-option>
    <mat-option *ngFor="let name of nameList" [disabled]="allSelected" [value]="name">{{name}}</mat-option>
  </mat-select>
</mat-form-field>

我尝试在 HTML 中使用 this.employeeHoursForm = this.formBuilder.group({ baName: ['',[Validators.required]],category:['',list: ['',from: ['',to: ['',}); 属性作为 list 值，但它似乎不起作用。是否可以使用为 mat-select 标签指定的 formControlName 和 [formControl] 进行验证？还是我做错了？