首页 > 解决方案 > ngModel 字段(单击、聚焦)的任何更改都会强制 ngTemplateOutlet 重新渲染

问题描述

需要一些帮助....我有用于编辑表格行的动态模板

      <ng-container [ngTemplateOutlet]="rowTemplate"
                [ngTemplateOutletContext]="{
                  $implicit: rowData,
                  originalData: makeClone(rowData)
                }">
  </ng-container>
makeClone ...json.parse(json.stringlify())
.....
    <ng-template #rowTemplate let-rowData let-originalData>
    <tr>
        <td><input [(ngModel)]="originalData.title"></td>
        <td>
            <button styleClass="ui-button-link" icon="icon-save" (click)="onSave(originalData, rowData)"></button>
        </td>
    </tr>
</ng-template>

但是当我专注于输入和任何更改时 - 我的模板正在重新渲染......并且我失去了原始数据......

请告诉我正确的方法

标签: angular6ngmodelng-template

解决方案


推荐阅读