angulaire 2 Tubes De Filtré JSON

Question

Je vais utiliser un tuyau pour filtrer certains JSON et afficher le nom basé sur la valeur

c'est mon JSON

bankAccountUsage = [ 
 
    { value: 1, name: "x" }, 
 
    { value: 2, name: "y" }, 
 
    { value: 3, name: "z" } 
 
    ];

c'est le TUYAU:

import { Pipe, PipeTransform } from '@angular/core'; 
 
import { StaticValuesService } from '../../services/static-values.service'; 
 
import { } from '../../services/static-values.service'; 
 

 
@Pipe({ 
 
    name: 'accountUsageType' 
 
}) 
 
export class AccountUsageTypePipe implements PipeTransform { 
 
    private Accounusages; 
 
    transform(value: number, args?: any): any { 
 
     this.Accounusages.filter(val => { 
 
     if (val.value === value) { 
 
     console.log(val); 
 
     return val.name; 
 
     } 
 
     
 

 
    }); 
 
    } 
 
    
 
    constructor(private _statcvalues: StaticValuesService) { 
 
    this.Accounusages = this._statcvalues.bankAccountUsage; 
 
    
 
    } 
 

 
}

ceci est le résultat de Console.log (val)

Object {value: 1, name: "x"} 

HTML:

 <td>{{account.AccountType | accountUsageType}}</td>

mais le résultat est vide

grâce

Answer 1

1. Il vous manque l'instruction ;
2. Votre value est une variable primitive, donc, le tuyau doit retour, bien sûr, un seul variable. Vous pouvez utiliser la méthode Array#find, comme ci-dessous:

return this.Accounusages.find(val => val.value === value);