从ts页面重置p表

时间:2018-07-02 14:54:25

标签: angular typescript primeng

我正在使用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 功能,因此此处未显示该调用。

我该如何实现?

1 个答案:

答案 0 :(得分:0)

不知道为什么,但是我改变了

import { TableModule } from 'primeng/table'; 

收件人:

import { Table } from 'primeng/table'; 

表而不是TableModule

它开始起作用,为什么会这样?