Angular - Changing the format without change the original value

Question

How to format the data just for viewing, but keep the value the way it is?

I have this method that formart the value:

formataNomeGrupo(listaGrupoAnaliseCae: SelectItem[]) : any {
         listaGrupoAnaliseCae.forEach((nomeGrupo:SelectItem)=>
             {nomeGrupo.label = nomeGrupo.label.toLowerCase().replace(/(?:^|\s)(?!da|de|do|e)\S/g, l
 => l.toUpperCase());
         });
         return listaGrupoAnaliseCae;
 
     };

I call this method here on html :

[options]="formataNomeGrupo(listaGrupoAnaliseCae)"

For example i have a word, like "DOLAR", and I format this to "Dolar". But i want to keep the value "DOLAR" on my typescript.

use custom pipe for this – mr. pc_coder Jul 13 '20 at 00:15 — mr. pc_coder, Jul 13 '20 at 00:15

score 0 · Accepted Answer · answered Jul 13 '20 at 00:20

0

try to use custom pipe

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
   name: 'lower',
   pure: false
})
export class PersonelFilterPipe implements PipeTransform {
  transform(param: string): any { 
     return param.toLowerCase().replace(/(?:^|\s)(?!da|de|do|e)\S/g, l=> l.toUpperCase());
   }
}

in your html write like <div>{{label | lower}}</div>

answered Jul 13 '20 at 00:20

mr. pc_coder

16,412
3
32
54

i can only do that on {{}}? i can't in a "value=" for example? – Danilo Batista de Oliveira Nev Jul 13 '20 at 01:48
you can check it here https://stackoverflow.com/questions/39642882/using-pipes-within-ngmodel-on-input-elements-in-angular – mr. pc_coder Jul 13 '20 at 11:55

Angular - Changing the format without change the original value

1 Answers1