Primeng Editable Rows - NullInjectorError: No provider for EditableRow

Question

我有一个工作的 primeng table，我想为它创建行 editable 并跟随它 their documentation to do so. 但是当它试图加载

NullInjectorError: No provider for EditableRow

我的p-table定义如下

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

并且因为我在不同情况下加载动态数据，所以我的行定义是（很多，但大部分只是来自他们的模板的 copy/paste）：

      <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

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

Answer 1

我真的很笨。这个错误太奇怪了，我想多了。

我的结尾</tr>放错地方了。这些按钮不小心在行的外面，所以它当然永远不会起作用。

一旦我将按钮包裹在与其余 tds 相同的 tr 中，它就可以正常工作。

Answer 2

我遇到了同样的问题，我为这个 primeNG 数据尝试了 editMode table

<p-table #dt [value]="..." editMode="row">

但不是固定的

当我为 tr 添加 pEditable行时它起作用了

<ng-template pTemplate="body" let-inventorydetail let-editing="editing" let-ri="rowIndex">
        <tr [pEditableRow]="inventorydetail">

Primeng Editable Rows - NullInjectorError: No provider for EditableRow

Primeng Editable Rows - NullInjectorError: No provider for EditableRow

primeng

angular

primeng-turbotable