JSFiddle - React, Tailwind, and code Playground

by yonet3d

HTML

<body ng-app="app">
    <div ng-controller="NumberController">
        <p ng-repeat="number in numbers">Number is: {{number}} - filtered: {{number | numberFormat }}</p>        
    </div>
    
    
</body>

JavaScript

angular.module('app', [])
	.filter('numberFormat', [function () {
		return function (number) {
			if (number !== undefined) {
				var abs = Math.abs(number);
				if (abs >= Math.pow(10,12)) {//trillion
					number =  (number / Math.pow(10, 12)).toFixed(1)+ 't';
				} else if (abs < Math.pow(10,12) && abs >= Math.pow(10, 9)) {//billion
					number =  (number / Math.pow(10, 9)).toFixed(1)+ 'b';
				} else if (abs < Math.pow(10, 9) && abs >= Math.pow(10, 6)) {//million
					number =  (number / Math.pow(10, 6)).toFixed(1)+ 'm';
				} else if (abs < Math.pow(10, 6) && abs >= Math.pow(10, 3)) {//thousand
					number =  (number / Math.pow(10,3)).toFixed(1)+ 'k';
				}
			}
			return number;
		};
	}])
.controller('NumberController', ['$scope', function($scope){
    $scope.numbers = [32323.0433, 434356.645, 5460.54546, 100000000.4343];
}])