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

【问题标题】：angular 2 reload specific html elementangular 2重新加载特定的html元素
【发布时间】：2017-04-18 11:39:29
【问题描述】：

我只需要 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)">

【问题讨论】：

如果用<p-dataTable [value]="myModel">之类的东西把模型绑定到表上，模型变化时表不会刷新吗？
可以。但是如何通过点击图片来实现呢？

标签： javascript angular datatable primeng

【解决方案1】：

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

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

    // ...

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

【讨论】：

【解决方案2】：

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

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

【讨论】：