AngularJS Currency Filter


AngularJS Currency Filter

AngularJS is an open source web application framework. It was developed in 2009 by Misko Hevery and Adam Abrons. AngularJS is JavaScript based development framework.

AngularJS Currency Filter

The AngularJS currency Filter is like the number filter. It will display the value or number with the “$” (dollar) symbol. The “$” is the default symbol when no other symbol is defined in The AngularJS currency Filter.

Below is the syntax to add currency symbol to the number. The filter will apply “$” sign.

Check demo here.

Other Currency

In the AngujarJs currency filter, we can use another currency using below syntax.

In HTML Template Binding

Below is the final code

Check demo here.

In above example, you can change the currency symbol to any symbol coz AngularJs allowed us any HTML decimal (dec) or hexadecimal (hex) or HTML code. Below we have mention few more symbols and their HTML code so you can take which you want to implement.

Indian Rupees:

  • ₹

Euro Symbol: €

  • €
  • €
  • €

Yen Symbol: ¥

  • ¥
  • ¥
  • ¥

Pound Sterling:£

  • £
  • £
  • £

Lira Symbol: ₤

  • ₤
  • ₤

Conclusion: AngularJS Currency Filter allow us to to change the currency symbols in the expressions and if we did not added it then its shows us “$” default.

I hope, you have been understood the basic concept of AngularJS Currency Filter and how we can change the currency sign. Please let me know your queries, questions, and suggestion in the comment box and if you want to develop the application in the Angular Js then contact us.

 

Related Posts

Author: Akash Wagh

Hello friends, I have created akashwagh.com for the unique bloggers and readers. We’re accepting unique guest posts from real authors. If any blogger or author interested to post a blog on akashwagh.com then they are always welcome.

1 thought on “AngularJS Currency Filter”

  1. Pingback: Angular News

Leave a Reply