Angular2 + PrimeNG - Wie setzt man dataTable zurück, wenn sich die zugrunde liegenden Daten ändern?

Question

ich eine Reihe von Cell Objekte zu einem PrimeNG Datatable Bindung:

.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 die Datatable eine reset() Methode aus um den Sortier-/Filter-/Auswahlstatus zu löschen. Ich muss es aufrufen, wenn sich der URL-Parameter ändert und neue Daten geladen werden.

Aber wie kann ich Referenz Datatable und rufen Sie die reset() Methode aus dem Inneren des ngOnInit() Methode?

Answer 1

Sie konnten die @ViewChild Anmerkung nutzen:

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

    // ... 

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