Math functions in AngularJS bindings
While the accepted answer is right that you can inject Math
to use it in angular, for this particular problem, the more conventional/angular way is the number filter:
<p>The percentage is {{(100*count/total)| number:0}}%</p>
You can read more about the number
filter here: http://docs.angularjs.org/api/ng/filter/number
You have to inject Math
into your scope, if you need to use it as
$scope
know nothing about Math.
Simplest way, you can do
$scope.Math = window.Math;
in your controller. Angular way to do this correctly would be create a Math service, I guess.
I think the best way to do it is by creating a filter, like this:
myModule.filter('ceil', function() {
return function(input) {
return Math.ceil(input);
};
});
then the markup looks like this:
<p>The percentage is {{ (100*count/total) | ceil }}%</p>
Updated fiddle: http://jsfiddle.net/BB4T4/