web-dev-qa-db-ja.com

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>
_

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;
}
_

とても親切にあなたが私の間違いがどこにあるのか教えてください。

angularbootstrap-4angular-ngselect
6
Cherry R

追加 formControlName="prodCode" _

<ng-select [items]="productData" [searchable]="true" bindLabel="productName" [formControlName]="prodCode" [ngClass]="{ 'is-invalid': submitted && f.prodCode.errors }"
  placeholder="Select Product" required>
</ng-select>
 _
1
Adrita Sharma