mercoledì 6 dicembre 2023

Angular matsort not working with ngif

Quando si utilizza il framework Material di Angular, può capitare che nell'uso dell'ordinamento dei dati in un controllo Table, questo non funzioni se la tabella si trova dentro ad una direttiva *NgIf.
Per risolvere tale situazione occorre inizializzare l'oggetto di tipo MatSort con il puntamento alla funzione con il quale si utilizza l'ordinamento.
Nel file TypeScript, scrivere il seguente frammento di codice:

private  sort: MatSort;

   @ViewChild(MatSort) set matSort(ms: MatSort) {
    this.sort = ms;
    this.NomeFunzione();
  }

Dove "this.NomeFunzione" è la funzione in cui viene utilizzato l'ordinamento.

Nessun commento: