Question

我正在使用angular 7和ng-select（https://www.npmjs.com/package/@ng-select/ng-select）模块来显示带有选项的select。我想要对该字段进行必要的验证。我正在使用角反应形式。

下面是代码

 <ng-select [searchable]="false" formControlName="testName" required>
      <ng-option [value]="true">Yes</ng-option>
       <ng-option [value]="false">No</ng-option>
 </ng-select>

和ts代码

this.testForm = this.formBuilder.group({
      testName: ['', Validators.required]
    });

但是当我单击“提交”按钮时，它不会显示错误消息。我知道有角度的7验证，但我想使用ng-select进行验证。

Answer 1

Angular FormField功能仍然可以与所述库一起使用，这是您要找的东西吗？

 <ng-select [searchable]="false" formControlName="testName" required>
      <ng-option [value]="true">Yes</ng-option>
       <ng-option [value]="false">No</ng-option>
 </ng-select> 
<span *ngIf=testForm.get('testName').errors?.required?>Please fill this field</span>


<button [disabled]="testForm.invalid">the submit button </button>

如何在角度7中为ng-select添加所需的验证器？

1 个答案: