所以基本上這些值來自 5 個不同的復選框。我們如何檢查一個值是否為假然后顯示然后呼叫this.showContingencyPopup();
如果一個值是 false ，我們如何干凈地檢查多個變數，例如我有 5 個值來自單獨的復選框，如果用戶選擇一個框則 isValid true ，但如果用戶甚至沒有選擇一個框則它的 false 然后呼叫它。 showContingencyPopup(); . 謝謝，
我當前解決方案的問題是，例如我選擇了 2 個復選框，結果仍然是錯誤的
但它們不在陣列中，所以我不想創建多個 if else 陳述句
在此處輸入圖片說明
checkIfHasFalse() {
let isValid = true;
if(this.dealDispositionFormFields.isAnyContingencies) {
if(!this.dealDispositionFormFields.isFinancingContingency) {
isValid = false;
}
if(!this.dealDispositionFormFields.isSitePlanApprovalContingency) {
isValid = false;
}
if(!this.dealDispositionFormFields.isPermitApprovalContingency) {
isValid = false;
}
if(!this.dealDispositionFormFields.isTenantApprovalContingency) {
isValid = false;
}
if(!this.dealDispositionFormFields.isOtherContingency) {
isValid = false;
}
}
this.showContingencyPopup();
}
#html代碼
<div class="deal-disposition-row"></div>
<div class="contingency-checkbox">
<mat-checkbox
color="primary"
style="margin-left:10px;"
name="isAnyContingencies"
[(ngModel)]="dealDispositionFormFields.isAnyContingencies"
(change)="changeContingency($event)"
>
<div class="deal-text-label">
Any Contingencies?
</div>
</mat-checkbox>
</div>
<span *ngIf="dealDispositionFormFields.isAnyContingencies" >
<ul>
<li>
<div >
<mat-checkbox class="checkbox-margin" color="primary"
#checkbox
name="isFinancingContingency"
[(ngModel)]="dealDispositionFormFields.isFinancingContingency"
>
<div class="deal-text-label" >
Financing Contigency
</div>
</mat-checkbox>
</div>
</li>
</ul>
<ul>
<li>
<div>
<mat-checkbox class="checkbox-margin" color="primary"
#checkbox
name="isSitePlanApprovalContingency"
[(ngModel)]="dealDispositionFormFields.isSitePlanApprovalContingency"
>
<div class="deal-text-label" >
Site Plan Approval Contigency
</div>
</mat-checkbox>
</div>
</li>
</ul>
<ul>
<li>
<div >
<mat-checkbox class="checkbox-margin" color="primary"
#checkbox
name="isPermitApprovalContingency"
[(ngModel)]="dealDispositionFormFields.isPermitApprovalContingency"
>
<div class="deal-text-label" >
Permit Approval Contingency
</div>
</mat-checkbox>
</div>
</li>
</ul>
<ul>
<li>
<div >
<mat-checkbox class="checkbox-margin" color="primary"
#checkbox
name="isTenantApprovalContingency"
[(ngModel)]="dealDispositionFormFields.isTenantApprovalContingency"
>
<div class="deal-text-label" >
Tenant Approval Contingency
</div>
</mat-checkbox>
</div>
</li>
</ul>
<ul>
<li>
<div>
<mat-checkbox id="otherContingency" class="checkbox-margin" color="primary"
#checkbox
name="isOtherContingency"
[(ngModel)]="dealDispositionFormFields.isOtherContingency"
>
<mat-form-field appearance="fill" >
<mat-label>Other Contingencies</mat-label>
<input [disabled]="!dealDispositionFormFields.isOtherContingency" name="otherContingencies" matInput
[(ngModel)]="dealDispositionFormFields.otherContingencies" />
<div *ngIf="hasContingencyError" class="mat-form-field-subscript-wrapper custom-contingency-mat-error" >
<div class="mat-error" *ngIf="hasContingencyError" >This is a required field.</div>
</div>
</mat-form-field>
<div id="otherContingenciesError"></div>
</mat-checkbox>
</div>
</li>
</ul>
</span>
uj5u.com熱心網友回復：
保持簡單：
checkIfHasFalse() {
if(this.dealDispositionFormFields.isAnyContingencies) {
if(
this.dealDispositionFormFields.isFinancingContingency
|| this.dealDispositionFormFields.isSitePlanApprovalContingency
|| this.dealDispositionFormFields.isPermitApprovalContingency
|| this.dealDispositionFormFields.isTenantApprovalContingency
|| this.dealDispositionFormFields.isOtherContingency
} { this.showContingencyPopup(); }
} else { this.showContingencyPopup(); }
}
注意：你必須把這部分： else { this.showContingencyPopup(); } 只是，如果你也想顯示彈出當檢查this.dealDispositionFormFields.isAnyContingencies沒有被選中。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/373490.html