angular 2重新加载特定的html元素

Question

我只需要window.location.reload()来获取特定元素。 具体来说，我有一个包含许多列的表。

<p-dataTable #tableRef class="invoice-datatable"></p-dataTable>

当我点击下面的图片时，我调用了refreshTable方法，我只需要刷新数据表。

`<img role="button" id="refresh-icon" src="/assets/img/refresh.png (click)="refreshTable(tableRef)">

Answer 1

有一些方法可以将数据表重置为

export class MyComponent implements OnInit {
    @ViewChild(DataTable) dataTableComponent: DataTable;

    // ...

    refreshTable() {
        this.dataTableComponent.reset();
    }
}

Answer 2

如果您的dataTable绑定到模型，那么您只需要在单击图像时使用所需的任何新数据更新该模型。

使用.reset()只会重置过滤器，排序和分页。遗憾的是，它不会刷新数据。