我正在嘗試使用反應式表單進行 Angular 表單驗證。我無法解決我面臨的錯誤,有人可以幫忙嗎?我的代碼片段附在下面,
HTML:
<form [formGroup]="voucherDetailsForm">
<div >
<label > Project: </label>
<ng-select id="project"
ngClass="{
'form-control': true,
'is-invalid': !voucherDetailsForm.controls.project.valid && voucherDetailsForm.controls.project.touched,
'is-valid': voucherDetailsForm.controls.project.valid
}"
[(ngModel)]="selectedProject" placeholder="-Select Project-"
formControlName="project" (search)="onProjectSearch($event.term, 1,false)"
(change)="onProjectChange($event)" bindLabel="text" (scrollToEnd)="onScrollProjectToEnd()">
<ng-option *ngFor="let project of projectList" [value]="project">
{{project.projectRefCode}}-{{project.name}}
</ng-option>
</ng-select>
<div *ngIf="voucherDetailsForm.['controls'].project.errors?.required">Project Required</div>
</div>
</form>
還有我的 Ts 代碼:
this.voucherDetailsForm = this.formBuilder.group({
project: [null, Validators.required]
})
uj5u.com熱心網友回復:
<div *ngIf="voucherDetailsForm.['controls'].pr ...
到
<div *ngIf="voucherDetailsForm['controls'].pr ...
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/479670.html
