AngularJS currency filter in pounds

Question

i'm learning AngularJS and in the tutorial i'm following we had to use the currency filter, i noticed that this changes, for example 10, into $10.00.

How do i do this for English pounds?

   <p class="price">{{ product.price | currency }}</p>

Hassan Tariq · Accepted Answer · 2016-03-07 12:14:41Z

9

   {{ price | currency:'Symbol for pound'}}

Place your symbol for pound over here in ' '

answered Mar 7, 2016 at 12:14

Hassan Tariq

7407 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user5741800 · Accepted Answer · 2016-03-07 12:18:42Z

5

angular currency filter take one optionnal parameter and it's the currency symbol.

With this information, your snippet will look like this :

<p class="price">{{product.price|currency:"£"}}</p>

AngualJS docs

Hope it's help

answered Mar 7, 2016 at 12:18

user5741800

Comments

LeRoy · Accepted Answer · 2016-03-07 12:21:04Z

1

You Should really look at the Angularjs Documentation here

The format your looking for is

{{amount | currency:'£'}}

This tutorial discuss the currency filter in detail.

answered Mar 7, 2016 at 12:21

LeRoy

4,5562 gold badges40 silver badges48 bronze badges

1 Comment

Kōdo no musō-ka Over a year ago

I have now found the documentation, thank you very much, I shall read through carefully.

Ashish Bairagi · Accepted Answer · 2016-03-07 12:22:37Z

0

You can add you symbol and fractionSize like this:

{{ currency_expression | currency : symbol : fractionSize}}

for now your solution is:

<p class="price">{{ price | currency : '£'}}</p>

More detail here

answered Mar 7, 2016 at 12:22

Ashish Bairagi

3822 silver badges15 bronze badges

Collectives™ on Stack Overflow

AngularJS currency filter in pounds

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related