我需要在主formBuilder.group里面用兩個不同的組來驗證我的表單。我不知道如何在我的HTML[ngClass]中獲得 "errors "這個值。
component.ts:
creatFrom()。void {
this.myForm = this.formBuilder.group（{
estimated: this.formBuilder.group（{
fieldDiff1: ['', Validators.required] 。
fieldDiff2: ['', Validators.required]。
fieldDuration: [''/span>]。
opDuration: [''/span>, Validators.required]。
taxiInParameter: [''/span>]。
}),
realized: this.formBuilder.group（{
fieldDiff1: ['', Validators.required] 。
fieldDiff2: ['', Validators.required]。
fieldDuration: [''/span>]。
opDuration: ['']。
taxiInParameter: ['']。
}),
taxiInParameter: [''/span>, Validators.required]。
});
}
component.html:
<div formGroupName="improved">
<div class=" row">
< div class="form-group col-md-3" [ngClass] ="{'have-error': mF. fieldDiff1.errors && isSubmited}"/span>>。
< label class="control-label" for="improved_fieldDiff1"> <span translate>Data</span>/span>1*:
<ng-select
id="improved_fieldDiff1" name="improved_fieldDiff1" >。
formControlName="fieldDiff1"。
[items]="fieldEstimatedData1"。
class="select-option" required>
</ng-select>/span>
</div>/span>
</div>/span>
uj5u.com熱心網友回復：
請嘗試以下內容
[ngClass]="{'has-error':myForm.get('improved').get('fieldDiff1').errors & & isSubmited}"
或者
為了更好地理解ts檔案的內容
get estimateForm() 。FormGroup {
return this.get('imposed')。
}
get realizedForm（）。FormGroup {
return this.get(' realized')。
[ngClass]="{'has-error': estimateForm.get('fieldDiff1').errors && isSubmited}"
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/307509.html
標籤：
上一篇：模塊'"@angular/material"'沒有匯出的成員'MatFormFieldModule'。
下一篇：用vba嵌套json物件