从 ts 页面重置 p-table答案

【问题标题】：reset p-table from ts page从 ts 页面重置 p-table
【发布时间】：2018-12-10 20:13:33
【问题描述】：

我正在使用Primeng table 并在向其添加数据后，我想重置数据-因此它将显示新数据。在桌子上，我使用“刷新”按钮，调用 dt.reset()

html

<p-table #dt [value]="pagedTasks">
..
<p-button icon="fa fa-refresh" iconPos="left" (click)="dt.reset()"></p-button>

如果我手动单击按钮，数据会刷新，我试图模仿相同的功能，但来自 ts 页面。

ts

..
import { TableModule } from 'primeng/table';
..
export class RenderQueueComponent implements OnInit {
     @ViewChild(TableModule) dt: TableModule;
     ..

  refresh() {
    this.dt.reset(); // property "reset" does not exist on type "TableModule"
  }
}

refresh function 正在从其他组件调用，所以这里没有显示调用..

我怎样才能做到这一点？

【问题讨论】：

不知道为什么，但是我将import { TableModule } from 'primeng/table'; 更改为import { Table } from 'primeng/table'; 并且它开始工作了，这是为什么呢？

标签： angular typescript primeng

【解决方案1】：

不知道为什么，但我改变了

import { TableModule } from 'primeng/table';

到：

import { Table } from 'primeng/table';

Table 代替 TableModule

它开始起作用了，这是为什么呢？

【讨论】：

嘿，我最好的猜测是 TableModule（或任何其他模块）必须在 app.module.ts 中设置，但之后你只需要组件，而不是整个模块作为对象那个组件.. ;)
TableModule 用于 app.module.ts，您需要在整个应用程序中使用 Table 组件，它的角度基础（或者可能不那么基础）。