Angular: currency pipe - currency symbol without number

Question

Is there a way to get a currency symbol from currency pipe? I have this piece of code in template:

{{ '' | currency : 'symbol' }}

But this shows nothing.

Note: I don't want to use getCurrencySymbol method, because I want to use what currency pipe provides.

Update

Unlike How to hide currency symbol in angular currency pipe, I'was asking about how to show only the currency symbol. And found different solution than currency pipe - I would like to share it.

Drenai · Answer 1 · 2022-06-16T10:42:36.097

0

If you just want the symbol, you could use the slice pipe to get the first character e.g.

{{ 0 | currency | slice:0:1 }}
// $

There is also a utility function getCurrencySymbol - which is probably used internally by the currency pipe

import { getCurrencySymbol } from '@angular/common';

getCurrencySymbol('GBP', 'narrow'); // £

edited Jun 16 '22 at 10:42

answered Jun 15 '22 at 07:48

Drenai

Sounds well, but is there any "pure" way in a sense it uses only currency pipe functionality? – Frimlik Jun 15 '22 at 07:49
From looking at variations of the formatting options I don't think we can https://angular.io/api/common/CurrencyPipe – Drenai Jun 15 '22 at 08:05
Use this ```{{ ' ' | number }}``` – Kibé M.C Jun 15 '22 at 08:24
@KibéM.C ```InvalidPipeArgument: ' is not a number' for pipe 'DecimalPipe'``` – Frimlik Jun 15 '22 at 08:57
1

@Drenai The ```slice``` solution does not work anyway, because e.g. ```£``` sign is shown before number, while ```€``` is shown after number. – Frimlik Jun 16 '22 at 12:11

1 Answers1