JSFiddle - React, Tailwind, and code Playground

by Ravindra Athreya

HTML

<img src="https://angularjs.org/img/AngularJS-large.png" height="50px" weight="50px" /></br>

<h3>Countries & Their Currency Using AngularJS</h3>

<div ng-app="CurrencyApp" ng-controller="CurrencyController">
  <input type="number" ng-model="amount">
  <h3>
   Removed default currency($) :  {{ amount | currency : "" }}  
  </h3>
  <h3>
   Default currency($) :  {{ amount | currency }}  
  </h3>
  <h3>
   Indian Currency: {{amount | currency:"&#8377"}}
  </h3>
  <h3>
   US Dollar - USD :  {{ amount | currency : "$" }}  
  </h3>
  <h3>
   United Kingdom Pound - GBP : {{amount | currency:"£"}}
  </h3>
  <h3>
   Thailand Baht - THB : {{amount | currency:"฿"}}
  </h3>
  <h3>
   China Yuan Renminbi - CNY : {{amount | currency:"¥"}}
  </h3>
  <h3>
   Costa Rica Colon - CRC : {{amount | currency:"₡"}}
  </h3>
  <h3>
    Ukraine Hryvnia - UAH  : {{amount | currency:"₴"}}
  </h3>

</div>

JavaScript

var myApp = angular.module('CurrencyApp', []);
myApp.controller('CurrencyController', function($scope) {
  $scope.amount = 1000;
});