2017-02-13 86 views
1

我要去基于价值使用管道过滤掉一些JSON和显示名称角2管道从过滤嘴JSON

这是我的JSON

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

这是PIPE:

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

 
}

这是CONSOLE.LOG(VAL)的结果

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

HTML:

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

但结果是空

感谢

+0

如果我把回到那里,这是我所得到的'[对象的对象]' –

回答

1
  1. 您错过了return声明;
  2. value是一种原始的variable,所以,管必须回报,当然,单variable。你可以使用Array#find方法,如下:
return this.Accounusages.find(val => val.value === value); 
+0

如果我把回到那里,这是我得到[对象的对象] –

+0

这是Json的'{value:1,name:“x”}'所以我认为val.name是正确的 –

+0

检查编辑版本。 – developer033