首页 文章

来自过滤JSON的Angular 2管道

提问于
浏览 次
1

我将使用管道来过滤一些json并根据值显示Name

这是我的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>

但结果是空的

谢谢

angular angular-pipe

1 回答

  • 1

    • 你错过了 return 陈述;

    • 你的 value 是一个原始的 variable ，所以，管道 must 返回，当然是单个 variable . 您可以使用Array#find方法，如下所示：

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

相关问题