Sum of all the column in angularjs

Anilananda Chakrabortty

Sl. No	Name	Age	Salary
{{$index+1}}	{{employee.Name}}	{{employee.Age}}	{{employee.Salary}}
All TotalTotal	Total Age of n employees	Total Salary of n employees

==============================
This is my table ...at the end i want all totals of all employee age and salary...
i also used filter in my table ...
so total should work in runtime and as well as in the time of filter...
Here MyData is the filter Parameter ....
Can any one tell how to get the actual output

Sl. No Name Age Salary
1 aa 20 15000
2 bb 25 25000

Total 45 40000

It should work with filter ....
I'm no getting the logic..plz help any one....

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Puneet Kankar9y ago
Accepted answer
Please check this link

https://jsfiddle.net/51ok4mpb/
+1
Anilananda Chakrabortty9y ago
Thank you so much ...
@Manikandan Murugesan
@Puneet Kankar
0
Manikandan Murugesan9y ago
As I said in my comment, one way to solve this could be by using a custom filter that would look like:
(function() {
'use strict';
angular
.module('Test', [])
.filter('sumByColumn', function () {
return function (collection, column) {
var total = 0;
collection.forEach(function (item) {
total += parseInt(item[column]);
});
return total;
};
});
})();
You could then call that filter on your collection by specifying which column you want to sum:
{{ Approve | sumByColumn: 'amount' }}

The advantage of using a filter here, IMHO, is that it is reusable. Whenever you need to sum a specific column on any data, you can do it using this filter again.

Of course I advise you to improve it by checking that the column value is a number for example...etc...Since it is a filter, you can easily write tests for it.
+1