Angular - Изменение формата без изменения исходного значения

Question

Как отформатировать данные только для просмотра, но сохранить значение таким, как оно есть?

У меня есть метод, который формирует значение:

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;
 
     };

Я вызываю этот метод здесь на html:

[options]="formataNomeGrupo(listaGrupoAnaliseCae)"

Например, у меня есть такое слово, как «ДОЛАР», и я форматирую его как «Долар». Но я хочу сохранить значение "ДОЛЯРНЫЙ" в моем машинописном тексте.

Answer 1

попробуйте использовать пользовательский канал

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());
   }
}

в своем html напишите как <div>{{label | lower}}</div>