我根据来自后端JSON的数据创建了多个动态表单,并使用编辑,保存,取消功能按钮。但是当我编辑一个表单时,它具有使用标志启用禁用表单的逻辑,所有表单都被启用。我只想要启用一个表单。这是我的表格代码:
break 2
表单切换条目是(App Form):
<form class="application-form" class="form-group"#appform="ngForm">
<div class="form-section-detail row">
<ng-container *ngFor="let fieldItem of sectionItem.sectionFieldList">
<div class="col-md-4" *ngIf="checkForFieldsVisibility(fieldItem,pageInfoBeans,sectionItem)">
<app-form [fieldInfo]="fieldItem" [pageInfoBeans]="pageInfoBeans" [formEnableInd]="enableEditIndicator"></app-form>
</div>
</ng-container>
</div>
<div class="btn-row row">
<button *ngIf="!showSaveCancelButtons" type="button" class="btn modal-btn btn-default" (click)="isEditClicked()"><i class="fa fa-pencil fa-lg" aria-hidden="true"></i></button>
<button *ngIf="showSaveCancelButtons" class="btn modal-btn btn-default" (click)="saveCreditApplication();showEditButtonOnSave() "><i class="fa fa-check fa-lg" aria-hidden="true"></i></button>
<button *ngIf="showSaveCancelButtons" type="button" (click)="showEditButton()" data-dismiss="modal" class="btn modal-btn btn-default"><i class="fa fa-times fa-lg" aria-hidden="true"></i></button>
</div>
</form>
因此,最初禁用此代码创建的n个表单比编辑时只需要启用一个表单我单击编辑。 请建议。