Angular2 + PrimeNG - Wie setze ich dataTable zurück, wenn sich die zugrunde liegenden Daten ändern?
Ich binde ein Array vonCell
Objekte zu einer PrimeNG-Datentabelle:
.html:
<p-dataTable [value]="_cells" [responsive]="true" [globalFilter]="gb">
<p-column field="id" header="id" sortable="true"></p-column>
<p-column field="name" header="name" sortable="true" ></p-column>
</p-dataTable>
.ts:
ngOnInit() {
var self = this;
// Capture the id in the URL
this._route.params.subscribe(params => {
self._stationId= params['id'];
this._dataService
.GetAllCells(self._stationId)
.subscribe((data:Cell[]) => this._cells = data,
error => alert(error),
() => console.log('Retrieved cells'));
});
}
So fand ich heraus, dass die Datentabelle ein @ hreset()
-Methode zum Löschen des Sortier- / Filter- / Auswahlstatus. Ich muss es aufrufen, wenn sich der URL-Parameter ändert und neue Daten geladen werden.
Aber wie kann ich die Datentabelle referenzieren und das @ aufrufreset()
-Methode aus demngOnInit()
Methode