This is an angular-material directive for AngularJS for basic currency selection and conversion from http request to Any Currency API

Install using npm

npm install md-currency

Include <script> in index.html:

<script type="text/javascript" src="node_modules/md-currency/md-currency.js"></script>

Minified: <script type="text/javascript" src="node_modules/md-currency/md-currency.min.js"></script>

Inject mdCurrency as an dependency in the angular app

angular.module('app',['ngMaterial','mdCurrency'])

Use as :

Select Currency directive : <md-select-currency base="USD"></md-select-currency>

base attribute sets the base currency while making http request to get currency conversion rates to currency API. Fixer API is used here.

Get Currency <md-currency amount="12.345" fraction="2"></md-currency>

amount attribute sets the amount of currency. fraction attribute sets the number of integers after decimal point.

Output $12.35

currencies.json file contains list of currencies for different countries.

"name":"US Dollar", "short_name":"USD", "symbol":"$"

rate property is dynamically added to the currency after an API call.

currencyAPI.json file contains currency api info.

"api_url":"http://api.fixer.io/latest", "api_key":"", "api_params":"?base="

Follow me on: website facebook twitter linkedIn