AngularJS Currency

Currency filter is one of the AngularJS Filters.
It is defined by formats a number as a currency. ($565)
The currency filter takes as a default value is locale currency format $.

Syntax:

{ {  currency_expression  | currency : symbol : fractionsize  } }

Parameter Values:

Value	Type	Description
symbol	string	It displays the currency symbol. The symbol can be present in some character or text and it is optional.
fractionsize	number	To round the decimal places in the amount.

Sample coding for currency Filter:

 Tryit<!DOCTYPE html>
<html>
    <head>
        <title>Wikitechy AngularJS Tutorials</title>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/
        angular.min.js"> </script>
    </head>
    <body>
        <div ng-app="">
            <h1>currency filter with example</h1>
            <p>The value is $ Symbol:  {{ 200*50 | currency : $}}</p>
            <p>The value in "Nok" Symbol : {{ 105+10 | currency : "NOK" }}</p>
        </div>
    </body>
</html>

currency filter in AngularJS:

<p>The value is $ Symbol:  {{ 200*50 | currency : $}}</p>
<p>The value in "Nok" Symbol : {{ 105+10 | currency : "NOK" }} </p>

The multiplication and addition value will be displays with currency symbol.

Code Explanation for currency Filter:

The ng-app specifies the root element (<div>) to define AngularJS application.
The expression 200*50 executed and the output will be displayed with $ symbol in <p> tag.
The expression 105+10 executed and the output will be updated “NOK” symbol in <p> tag.

Sample output:

The output displays the multiplication of two numbers with $ symbol
The output displays the addition of two numbers with “NOK” symbol.

AngularJS Filters list:

Filter	Description
currency	It is used to formats a number as a currency(i.e $589) Current Locale is the default symbol.
date	It is used to design a date for specified format.
filter	It is used to select a subset of items from an array and it returns the new array.
json	It is used to convert a JavaScript object into JSON string.
limitTo	It is used to returns an array or a string containing only a specified number of elements
lowercase	It is used to converts string to a lowercase.
number	It is used to formats a number to a string or text.
orderBy	It is used to specify orders an array by an expression
uppercase	It is used to converts string to a uppercase.

PDF

AngularJS Currency

Syntax:

Parameter Values:

Sample coding for currency Filter:

currency filter in AngularJS:

Code Explanation for currency Filter:

Sample output:

AngularJS Filters list:

Related Searches to angularjs currency

Wikitechy

Join our Community

Other Languages