我正在使用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)
所以恳请您让我知道我的错误在哪里......