EditableRow可编辑行- NullInjectorError:没有用于Primeng的提供程序
EditableRow可编辑行- NullInjectorError:没有用于Primeng的提供程序
提问于 2019-06-19 21:28:47
我有一个可以工作的原始表，我想让它的行可编辑，并遵循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"
>因为我在不同的情况下加载动态数据，所以我的行定义是(它很多，但主要是从他们的模板复制/粘贴)：
<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的提供程序。
Stack Overflow用户
回答已采纳
发布于 2019-06-19 21:49:47
我真的很傻。这个错误太奇怪了，我想太多了。
我的结束</tr>放错了地方。按钮意外地在行的外面，所以它当然永远不会起作用。
一旦我将按钮包装在与其他tds相同的tr中，它就能正常工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56668844
复制相关文章
相似问题
腾讯云开发者
