Как включить один экземпляр формы в angular4 из нескольких форм
Я создал несколько динамических форм в соответствии с данными, поступающими из внутреннего JSON и используя там кнопки редактирования, сохранения, отмены. Но когда я редактирую одну форму, которая имеет логику для включения отключенной формы с использованием флагов, все формы включаются. Я просто хочу, чтобы одна форма была включена. Вот мой код для формы:
<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>
И условия переключения формы (форма приложения):
<ng-template #showInput>
<div class="col-md-8 " [ngSwitch]="fieldInfo.dataTypeName">
<input *ngSwitchCase="'Text'" class="form-control" [(ngModel)]="pageInfoBeans.nameValueMap[fieldInfo.name]" name="{{fieldInfo.name}}"
[required]="fieldInfo.requiredInd" [maxLength]="fieldInfo.fieldSize==0?5:fieldInfo.fieldSize" [disabled]="formEnableInd">
<input *ngSwitchCase="'Email Address'" type="email" class="form-control" [(ngModel)]="pageInfoBeans.nameValueMap[fieldInfo.name]" name="{{fieldInfo.name}}"
[required]="fieldInfo.requiredInd" [maxLength]="fieldInfo.fieldSize==0?5:fieldInfo.fieldSize" [disabled]="formEnableInd"></ng-template>
Таким образом, существует n форм, созданных с изначально отключенным кодом, чем при редактировании. Мне просто нужно включить одну из них, для которой я нажимаю кнопку Изменить. Пожалуйста, предложите.