Как включить один экземпляр формы в 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>&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <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 форм, созданных с изначально отключенным кодом, чем при редактировании. Мне просто нужно включить одну из них, для которой я нажимаю кнопку Изменить. Пожалуйста, предложите.

0 ответов

Другие вопросы по тегам