AngularJs calculation addition error

Question

I have 3 column in a table deduction,advance , total. first two columns have their value from database and 3rd column is sum of 1st two column but instead of summation i am getting result as concatenated.

<td data-title="'deduction>'">
   <span >{{payroll.deduction}}</span>
</td>
<td data-title="'advance''">
   <span >{{payroll.advance}}</span>
</td>
<td data-title="'total">
   <span >{{payroll.deduction+payroll.deduction}}</span>
</td>

Bradley Trager · Accepted Answer · 2014-04-14T18:48:02.010

2

Your variables are being treated as strings. Try using parseFloat() to convert them to numbers:

<td data-title="'deduction>'">
   <span >{{ payroll.deduction }}</span>
</td>
<td data-title="'advance''">
   <span >{{ payroll.advance }}</span>
</td>
<td data-title="'total">
   <span >{{ parseFloat(payroll.deduction) + parseFloat(payroll.advance) }}</span>
</td>

Edit:

AngularJS expressions are not the exactly the same as JavaScript expressions. You will have to add a paseFloat to your controller in order to pull in the native parseFloat function:

function controller($scope)
{
    $scope.parseFloat = parseFloat;
}

edited Apr 14 '14 at 18:48

answered Apr 14 '14 at 18:28

Bradley Trager

3,570
3
26
33

is parseFloat() angularjs function? – Nisham Mahsin Apr 14 '14 at 18:42
No, it is native JavaScript. – Bradley Trager Apr 14 '14 at 18:43
1

That is a good point. You will have to put the parseFloat() in your controller. See this post http://stackoverflow.com/questions/12755558/how-to-sum-two-fields-in-angularjs-and-show-the-result-in-an-label. – Bradley Trager Apr 14 '14 at 18:45

score 0 · Answer 2 · answered Jan 17 '16 at 10:12

0

Instead of parseFloat use parseInt function. One more thing i would like you to suggest to check in console whether its getting you string or not.

answered Jan 17 '16 at 10:12

Nitin Agarwal

943
1
13
26

AngularJs calculation addition error

2 Answers2

Edit: