Angular TableEdit for Priming中的编辑模式不起作用

Angular TableEdit for Priming中的编辑模式不起作用,angular,user-interface,primeng,Angular,User Interface,Primeng,我希望能够编辑“”表中的现有备注,“pInputTextArea”不接受任何新条目,如果我尝试使用现有条目上的新条目进行编辑。我无法选择并删除“pInputTextArea”文本保持架中预先存在的数据 <p-panel header="List of Maintenance Days " [collapsed]="createMaintanencePanelNextCollapsed" [toggleable]="true" (click)="viewMaintenan

我希望能够编辑“”表中的现有备注,“pInputTextArea”不接受任何新条目,如果我尝试使用现有条目上的新条目进行编辑。我无法选择并删除“pInputTextArea”文本保持架中预先存在的数据

  <p-panel header="List of Maintenance Days " [collapsed]="createMaintanencePanelNextCollapsed" [toggleable]="true"
        (click)="viewMaintenanceDays()">
        <div class="container">
          <div class="row" style="height: 320px;">
            <div class="col-xs-12 col-sm-12 col-lg-12 col-md-12">
                     <!-- @HEma Edit 
                   -->
              <p-table [columns]="maintanenceDaysColumn" [value]="maintanenceDayModel" selectionMode="multiple" editMode="row"
                scrollHeight="200px" [rows]="5" [paginator]="true" [(selection)]="selectedMaintenanceDay" dataKey="id"
                [tableStyle]="{'table-layout':'auto'}" >
                <ng-template pTemplate="header" let-columns>
                  <tr>
                      <th style="width: 3em">
                          <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
                      </th>
                    <th *ngFor="let col of columns" style="text-align: center">
                      {{col.header}}
                    </th>
                    <th style="text-align: center"> 
                        User Actions
                      </th>
                  </tr>

                </ng-template>
                <ng-template pTemplate="body" let-rowData let-columns="columns" let-ri="rowIndex" let-editing="editing">
                    <tr [pEditableRow]="rowData" >
                        <td>
                            <p-tableCheckbox [value]="rowData"></p-tableCheckbox>
                        </td>

                        <td class="" >
                            {{rowData.id}}
                        </td>
                        <td class=".ng-invalid.ng-dirty"style="min-width: 100px">
                            {{rowData.maintainceDates}}
                        </td>
                        <td   >
                          <p-cellEditor>
                              <ng-template pTemplate="input" >
                                  <input type="text" [(ngModel)]="rowData.remarks" style="width: 100%"
                                   class="ng-pristine ng-valid ng-star-inserted ng-touched">
                              </ng-template>
                              <ng-template pTemplate="output">
                                  {{rowData.remarks}}
                              </ng-template>
                          </p-cellEditor>
                              </td>
                      <td style="text-align:center; min-width: 180px; " >
                          <button *ngIf="!editing" pButton type="button" pInitEditableRow icon="fa fa-pencil-square-o"  label="Edit" 
                          class="ui-button-info" (click)="onRowEditInit(rowData)"></button>
                          <button *ngIf="editing" pButton type="button" pSaveEditableRow icon="fa fa-check-square-o" label="Save" 
                          class="ui-button-success" style="margin-right: .5em" (click)="onRowEditSave(rowData)"></button>
                          <button *ngIf="editing" pButton type="button" pCancelEditableRow icon=" fa fa-times" label="Cancel" 
                           class="ui-button-danger" (click)="onRowEditCancel(rowData, ri)"></button>
                      </td>
                    </tr>

                  </ng-template> 
     </p-table>
              <button [hidden]="selectedMaintenanceDay == undefined || !selectedMaintenanceDay.length" pButton type="button"
                class="ui-button-primary" (click)="delMaintanenceDays()" icon="fa fa-trash" label="Delete" iconPos="left"
                style="height: 28px; margin-top: 8px;"></button>
            </div>
          </div>
        </div>
    </p-panel>

{{col.header}}
用户操作
{{rowData.id}
{{rowData.maintanceDates}
{{rowData.comments}
预期结果
  • 它应该允许编辑。它甚至不提供闪烁选项进行编辑
错误消息
  • 控制台/
版本:Angular&Node.js 角度CLI:8.1.1 节点:10.16.0 操作系统:win32 x64 角度:

软件包版本
  • 列表项
  • @角度devkit/architect 0.801.1
  • @角度devkit/core 8.1.1
  • @角度devkit/示意图8.1.1
  • @示意图/角度8.1.1
  • @示意图/更新0.801.1
  • rxjs 6.4.0
打底 “primeflex”:“^1.0.0-rc.1”, “primeicons”:“^1.0.0”, “涂底漆”:“^7.1.0-rc.1”

版本操作系统 Windows 10*64位