Angular Форма: валидатор на элементе объекта - PullRequest
Новая
       22

Angular Форма: валидатор на элементе объекта

0 голосов
/ 13 февраля 2020

Как применить валидатор к Object Member AddressTypeId, используя [validators.min (2)] в форме formControlName ниже?

addressType formControlName - это объект с {addressTypeId, addressTypeCode, addressTypeDescription)

Также необходимо отредактировать th html в Mat, чтобы выбрать его красным, если он не соответствует требованиям валидатора. 

<form [formGroup]="customerForm">
...
...
<mat-form-field appearance="outline"
     <mat-label>Address Type</mat-label>
     <mat-select
       formControlName = "addressType"
       (selectionChange)="addressTypeChangeEvent($event)">
     <mat-option
        *ngFor="let item of addressTypeObservable | async"
        [value]="item">
        {{item.addressTypeDescription}
      </mat-option>
     </mat-select>
</mat-form-field>

 this.customerForm = this.formBuilder.group({
      'customerName': [null, [Validators.required, Validators.min(1), validatorDropdown]],
      'membershipCode': [null, []],
      'addressType': [null, []]
      })
    });

Попытка:

Как установить требование Validator, обеспечивающее addressTypeId> 2? В настоящее время пытаюсь установить валидаторы с красным контуром Angular. Выполнение следующих действий не работает. 

this.customerForm.get('addressType').get('addressTypeId).setValidators(Validators.min(2))
...