angular - 从 ts 页面重置 p 表

Question

我正在使用 Primeng table在向其中添加数据后，我想重置数据 - 这样它就会显示新数据。
在 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 功能正在从其他组件调用，因此此处未显示该调用。

我怎样才能做到这一点？

Answer 1

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

import { TableModule } from 'primeng/table'; 

到:

import { Table } from 'primeng/table'; 

Table 而不是 TableModule

它开始工作了，这是为什么？