Angular 正在初始化可编辑行-NullInjectorError:没有可编辑行的提供程序
我有一个正在工作的素数表,我想使行可编辑并遵循它,但当它试图加载时,它会抛出以下错误Angular 正在初始化可编辑行-NullInjectorError:没有可编辑行的提供程序,angular,primeng,primeng-turbotable,Angular,Primeng,Primeng Turbotable,我有一个正在工作的素数表,我想使行可编辑并遵循它,但当它试图加载时,它会抛出以下错误 NullInjectorError:没有EditableRow的提供程序 我的p表定义如下 <p-table [columns]="selectedColumns" [value]="tableData" [resizableColumns]="true" [reorderableColumns]="true" [paginator]="true
NullInjectorError:没有EditableRow的提供程序
我的p表定义如下
<p-table
[columns]="selectedColumns"
[value]="tableData"
[resizableColumns]="true"
[reorderableColumns]="true"
[paginator]="true"
[rows]="10"
[rowsPerPageOptions]="[5, 10, 25, 50, 100]"
editMode="row"
>
由于我在不同情况下加载动态数据,所以我的行定义是(很多,但主要是从它们的模板复制/粘贴):
{{rowData[col.field]}
编辑
拯救
取消
但它不喜欢pInitEditableRow/pSaveEditableRow/pCancelEditableRow
因为这就是错误所抱怨的。
我在我的应用程序模块中导入了该表,但没有任何示例引入任何其他内容,因此我不确定为什么它会说EditableRow没有提供程序 我真的很笨。这个错误太奇怪了,我想得太多了 我的结束语
放错地方了。按钮意外位于行外,因此它当然永远不会工作
一旦我将按钮包装在与其他tds相同的tr中,它就可以正常工作。您要导入启动模块吗<代码>从'priming/table'导入{TableModule}代码>并在导入时添加:[此组件模块?是的!否则表本身将无法工作=)在我开始添加编辑内容之前,表工作正常。
<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>