AngularJS + jQuery Base Fiddle
HTML
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
<div ng-app="myApp">
<div ng-controller="myController">
<div id="display">
Value from Backend: {{c}}
<br>
<b>Is supposed to be {{cSupposedToBe}}: </b>
<br>
Rounded to 2 decimals: {{roundTo2(c) }}
<br>
Rounded to 4 decimals: {{roundTo4(c) }}
<br>
Rounded to 6 decimals: {{roundTo6(c) }}
</div>
<div id="display">
Value from Backend: {{g}}
<br>
<b> Is supposed to be {{gSupposedToBe}}: </b>
<br>
Rounded to 2 decimals: {{roundTo2(g) }}
<br>
Rounded to 4 decimals: {{roundTo4(g) }}
<br>
Rounded to 6 decimals: {{roundTo6(g) }}
</div>
<div id="display">
Value from Backend: {{f}}
<br>
<b> Is supposed to be {{fSupposedToBe}}: </b>
<br>
Rounded to 2 decimals: {{roundTo2(f) }}
<br>
Rounded to 4 decimals: {{roundTo4(f) }}
<br>
Rounded to 6 decimals: {{roundTo6(f) }}
</div>
</div>
</div>
CSS
#display {
float: left;
border: 2px solid green;
width: 60%;
margin: 0.2% 2%;
padding: 2%;
}
JavaScript
(function(){
var myApp = angular.module('myApp', []);
myApp.controller('myController', function($scope){
$scope.a = 0.3;
$scope.b = 0.1;
$scope.c = $scope.a - $scope.b;
$scope.cSupposedToBe = 0.2;
$scope.d = 0.000003;
$scope.e = 0.000002;
$scope.f = $scope.d - $scope.e;
$scope.fSupposedToBe = 0.000001;
$scope.h = 0.0003;
$scope.i = 0.0005;
$scope.g = $scope.h + $scope.i;
$scope.gSupposedToBe = 0.0008;
$scope.roundTo2 = function(value) {
return value.toFixed(2);
}
$scope.roundTo4 = function(value) {
return value.toFixed(4);
}
$scope.roundTo6 = function(value) {
return value.toFixed(6);
}
});
})();