如何从多个表单中启用angular4中的一个表单实例

时间:2018-01-23 05:34:42

标签: angular forms angular4-forms dynamicform

我根据来自后端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>&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>

因此,最初禁用此代码创建的n个表单比编辑时只需要启用一个表单我单击编辑。 请建议。

0 个答案:

没有答案