angular - 角度 5 中 ng-multiselect-dropdown 的验证

Question

我使用这个 npm "ng-multiselect-dropdown" 在我的应用程序中使用多选下拉菜单。我想为此多选创建验证（模板驱动表单）

ng-多选下拉菜单

有人建议我如何进行验证吗？

Answer 1

html

<ng-multiselect-dropdown 
        formControlName="vendorList" id="vendorList" [data]="vendorNameList"
        [(ngModel)]="selectedVendor" [settings]="vendorListDropdownSettings"
        >
    </ng-multiselect-dropdown>
<div *ngIf="submitted && formGroup.controls['vendorList'].invalid" 
        class="text-danger mt-1">
      <div *ngIf="formGroup.controls['vendorList'].errors.required">
        Vendor Name is required.
      </div>
    </div>

打字稿

vendorList: ["", Validators.required],

Answer 2

html

<ng-multiselect-dropdown
[ngClass]="{'is-invalid': address.controls['district'].status==='INVALID'}"
style="padding: 0;"
formControlName="district"
>
</ng-multiselect-dropdown>

type script

district: ["", Validators.required],