小编Che*_*y R的帖子

带有表单控件的 ng-select 需要验证 angular 7

我正在使用ng-select下拉搜索,但如果没有从下拉列表中选择任何内容,我将无法获得验证。我像下面这样返回:

<div class="form-group">
   <ng-select [items]="productData" [searchable]="true" bindLabel="productName"
   [formControl]="prodCode"
   [ngClass]="{ 'is-invalid': submitted && f.prodCode.errors }"
   placeholder="Select Product" required>  
   </ng-select>
   <div *ngIf="submitted && f.prodCode.errors" class="invalid-feedback">
      <div *ngIf="f.prodCode.errors.required">Product Code is required</div>
   </div>
</div>
Run Code Online (Sandbox Code Playgroud)

在 Ts 文件中

this.productForm = this.fb.group({
    prodCode: new FormControl(null, Validators.required)
});
get f() {
    return this.productForm.controls;
}
this.submitted = true;
if (this.productForm.invalid) {
    return;
}
Run Code Online (Sandbox Code Playgroud)

所以恳请您让我知道我的错误在哪里......

angular-ngselect bootstrap-4 angular

6
推荐指数
2
解决办法
9326
查看次数

标签 统计

angular ×1

angular-ngselect ×1

bootstrap-4 ×1