Estou querendo listar alguns dados em uma tabela porém alguns campos vem do back-end com o código da informação. Por isso, eu tenho uma lista no seguinte formato : [{codigo:1, nome:"angular"}, {codigo:2, nome:"react"},]. A melhor maneira de fazer isso é usando o Pipe ? Como eu faria isso ? tentei carregar a lista no construtor do pipe porém a tabela carrega antes do pipe pegar a lista.
@Pipe({ name: 'nomeFilter'})
export class NomeFilter implements PipeTransform {
data:any;
constructor(private dataService:DataService){
this.dataService .listData() .subscribe(data => {
this.data = data;
});
}
transform(codigo:any) {
if(codigo) {
return this.data.filter(data=>
data.nome.includes(codigo)
);
} else {
return null;
}
}