angular - Primeng 可编辑行 - NullInjectorError：没有可编辑行的提供者

问题描述

我有一个工作的primeng表，我想让行可以编辑，并按照他们的文档来做。但是当它尝试加载时它会抛出以下错误

NullInjectorError: No provider for EditableRow

我的 p 表定义具有以下内容

<p-table
      [columns]="selectedColumns"
      [value]="tableData"
      [resizableColumns]="true"
      [reorderableColumns]="true"
      [paginator]="true"
      [rows]="10"
      [rowsPerPageOptions]="[5, 10, 25, 50, 100]"
      editMode="row"
>

并且由于我在不同情况下加载动态数据，因此我的行定义是（很多，但主要是从他们的模板中复制/粘贴）：

      <ng-template *ngIf="canEdit" pTemplate="body" let-rowData let-editing="editing" let-ri="rowIndex">
        <tr [pEditableRow]="rowData">
          <ng-container *ngFor="let col of selectedColumns">
            <td>
              <p-cellEditor>
                <ng-template pTemplate="input">
                  <input pInputText type="text" [(ngModel)]="rowData[col.field]" required />
                </ng-template>
                <ng-template pTemplate="output">
                  {{ rowData[col.field] }}
                </ng-template>
              </p-cellEditor>
            </td>
          </ng-container>
        </tr>
        <td style="text-align:center">
          <button
            *ngIf="!editing"
            pButton
            type="button"
            pInitEditableRow
            (click)="onRowEditInit(rowData)"
          >edit</button>
          <button
            *ngIf="editing"
            pButton
            type="button"
            pSaveEditableRow
            style="margin-right: .5em"
            (click)="onRowEditSave(rowData)"
          >save</button>
          <button
            *ngIf="editing"
            pButton
            type="button"
            pCancelEditableRow
            (click)="onRowEditCancel(rowData, ri)"
          >cancel</button>

但它不喜欢 pInitEditableRow / pSaveEditableRow / pCancelEditableRow

因为这就是错误所抱怨的。我在我的应用程序模块中导入了表，并且没有任何示例引入任何其他内容，所以我不确定为什么它说没有 EditableRow 的提供者。

标签： angularprimengprimeng-turbotable

angular - Primeng 可编辑行 - NullInjectorError：没有可编辑行的提供者

问题描述

解决方案

推荐阅读