Angular2 管道转换货币

Question

我创建了一种使用 api 转换货币的方法，如下所示，

 exchange(Input: string, Output: string, value: number): number {
        let inputRate = this.currencyStorage.getCurrencyRate(cnput);
        let outputputRate = this.currencyStorage.getCurrencyRate(Output);
        return value/ inputRate * outputputRate;
    }

我如何从中创建一个可在整个应用程序中用于转换货币的管道？

Answer 1

@Pipe({name: 'currConvert'})
export class CurrConvertPipe implements PipeTransform {
  constructor(private currencyStorage:MyCurrencyStorage) {}

  transform(value: number, Input: string, Output: string): number {
    let inputRate = this.currencyStorage.getCurrencyRate(cnput);
    let outputputRate = this.currencyStorage.getCurrencyRate(Output);
    return value/ inputRate * outputputRate;
  }
}

用模块注册它declarations并像

一样使用它

{{123 | currConvert:456 /*input*/:789 /*output*/}}

Angular2 管道转换货币

Angular2 Pipe to convert currency

currency

pipe

filter

angular