Estoy desarrollando una aplicación Ionic/Angular y estoy usando la tabla de datos NGX. Funciona bastante bien, pero necesito mostrar los valores booleanos de una columna no como "verdadero" o "falso" (idioma inglés). Necesito mostrar los valores booleanos en alemán ("verdadero" = "Ja", "falso " = "Nein").
El problema es que estoy usando las columnas que se generan automáticamente, por lo que mi tabla de datos en html se ve así:
<ngx-datatable [selectionType]="'single'" (select)="openDetailsPage($event)" [messages]="messages" class="bootstrap" [limit]="10" [rows]="allOpenTickets" [rowHeight]="50" [columns]="columns" [columnMode]="'force'" [sortType]="'multi'" [headerHeight]="50" [footerHeight]="50" [rowClass]="getRowClass"> </ngx-datatable>Y defino mis columnas en mecanografiado como:
this.columns = [ { name: 'Id', prop: 'id' }, { name: 'Ziel', prop: 'goalDate', pipe: this.datePipe() }, { name: 'Erstellt', prop: 'created' , pipe: this.datePipe() }, { name: 'Titel', prop: 'title' }, {name:'Erledigt',prop:'done'} ];Como puede ver, uso un tipo de fecha para transformar la fecha, ¿hay algo así como una canalización para valores booleanos? ¿O no debería usar las columnas generadas automáticamente y en su lugar crear las mías propias?
Mi mesa final debería verse así: imagen de la mesa final
Puede usar cualquier tipo de tubería que desee para transformar los datos, incluso su tubería personalizada (según los documentos aquí ). Esta es la firma de un PipeTransform .
Así que probablemente quieras algo como:
germanBooleanPipe(): PipeTransform { return { transform: (value: boolean) => value ? "Ja" : "Nein"; }Y aplica esa tubería a tu columna:
this.columns = [ { name: 'Id', prop: 'id' }, { name: 'Ziel', prop: 'goalDate', pipe: this.datePipe() }, { name: 'Erstellt', prop: 'created' , pipe: this.datePipe() }, { name: 'Titel', prop: 'title' }, { name:'Erledigt', prop:'done', pipe: this.germanBooleanPipe() } ]; Tenga en cuenta que nunca he usado ngx-datatable , por lo que es posible que necesite algunos ajustes menores.