Question

我正在使用角度2和货币管道构建应用程序，但我找不到根据ISO值获取货币符号的方法，没有任何数字。我的意思是我只想要符号而不设置要格式化的数字。

正常情况$3.00 我只想要$symbol，而不是数字

Answer 1

Angular提供了一种内置方法getCurrencySymbol，该方法为您提供了货币符号。您可以将管道写为该方法的包装器，例如

import { Pipe, PipeTransform } from '@angular/core';
import { getCurrencySymbol } from '@angular/common';

@Pipe({
  name: 'currencySymbol'
})
export class CurrencySymbolPipe implements PipeTransform {

  transform(
    code: string,
    format: 'wide' | 'narrow' = 'narrow',
    locale?: string
  ): any {
    return getCurrencySymbol(code, format, locale);
  }
}

，然后用作：

{{'USD'| currencySymbol}} ===> $
{{'INR'| currencySymbol}} ===> ₹

Live Stackblitz演示：

应用程序网址：https://angular-currency-symbol-pipe.stackblitz.io

编辑器网址：https://stackblitz.com/edit/angular-currency-symbol-pipe

Answer 2

因为我只想要货币的符号，所以我最终使用常数扩展货币管道并仅返回符号。感觉有点＆＃34; hack＆＃34;有一个固定的数字，但由于我不想创建新的货币地图而且我无法提供数字，我认为这是最简单的方法。

这是我做的：

import { Pipe, PipeTransform } from '@angular/core';
import {CurrencyPipe} from "@angular/common";

@Pipe({name: 'currencySymbol'})
export class CurrencySymbolPipe extends CurrencyPipe implements 
PipeTransform {
    transform(value: string): any {
    let currencyValue = super.transform(0, value,true, "1.0-2");
    return currencyValue.replace(/[0-9]/g, '');
    }
}

现在我可以用它作为：

{{'EUR' | CurrencySymbolPipe}} and get '€'

感谢您的帮助和想法！

Answer 3

我知道这个问题已经很老了，但是只要有人像我一样碰到这个问题，Angular就能做到这一点，而不必进行奇怪而美妙的Regex和字符串操作。

我在getCurrencySymbol中使用@angular/common方法制作了以下管道

import { Pipe, PipeTransform } from '@angular/core';
import { getCurrencySymbol } from '@angular/common';

@Pipe({
  name: 'currencySymbol'
})
export class CurrencySymbolPipe implements PipeTransform {
  transform(currencyCode: string, format: 'wide' | 'narrow' = 'narrow', locale?: string): any {
    return getCurrencySymbol(currencyCode, format, locale);
  }
}

Answer 4

例如

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({name: 'removeAFromString'})
export class RemoveAFromString implements PipeTransform {
  transform(value: number){
    return value.substring(1);

  }
}

现在连接管道：

{{ portfolio.currentValue | currency : 'AUD' : true : '4.0' | removeAFromString}}

Answer 5

您可以在模板中使用以下代码，而不必定义新管道：

{{ ( 0 | currency : currencyCode : 'symbol-narrow' ) | slice:0:1 }}

this.currencyCode设置为预期显示的三位数货币符号。

获取货币符号角度2

5 个答案: