Tengo una ng-template que se está reutilizando como encabezados de tabla.
<ng-template let-table="table" let-column="column" let-label="label" #tableHeaderTemplate > <th [appSort]="table" sort-order="" [attr.sort-key]="column"> <div> <span>{{ label }}</span> <span> (asc) </span> <span> (desc) </span> </div> </th> </ng-template> Al hacer clic en el encabezado de la columna, se ordenan los datos de la tabla. Necesito mostrar (asc) o (desc) además de la columna según el sort-order del atributo.
Verifique la muestra de mi código a continuación:
https://stackblitz.com/edit/angular-ivy-ijcuy3?file=src%2Fapp%2Fapp.component.html
Puede usar el atributo [oculto] para ocultar su elemento y obtener el valor del atributo de clave de clasificación especificando un identificador en el encabezado de su tabla.
<th #tableHeader [appSort]="table" sort-order="" [attr.sort-key]="column"> <div> <span>{{ label }}</span> <span [hidden]="tableHeader.getAttribute('sort-order') !== 'asc'"> (asc) </span> <span [hidden]="tableHeader.getAttribute('sort-order') !== 'desc'"> (desc) </span> </div> </th> </ng-template>