角度2リロード固有のhtml要素

Question

特定の要素にのみwindow.location.reload()が必要です。 特に、私は多くの列を持つテーブルを持っています。私は下の画像をクリックすると

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

、私はそれが唯一のDataTableリフレッシュする必要がありRefreshTableのメソッドを呼び出します。

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

Answer 1

あなたのdataTableをモデルにバインドされている場合、あなただけの画像がクリックされたときに必要に応じて新しいものは何でもデータとそのモデルを更新する必要があり

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

    // ... 

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

Answer 2

としてデータテーブルをリセットするために、いくつかの方法があります。

.reset()を使用すると、フィルタ、並べ替え、ページ設定のみがリセットされます。それは悲しいことに、データをリフレッシュしません。