Question

I’m pulling an array of users into my AngularJS model from a JSON datasource. This data is being rendered in a table, and I’d like to create a column that is computed from two values of the existing user object, without modifying my underlying data service.

// My model
function UserListCtrl($scope,$http) {
$http.get('users').success(function(data) {
    $scope.users = data;
});
};

In my partial template, I know I can do something like this:

 <tr ng-repeat="for user in users">
    <td>{{user.data / user.count | number:2}}</td>
 </td>

But I’d rather add that field into the model, so I can use it like so:

<td>{{user.amplification}}</td>

How do I add the “amplification” field to every user in my model?

As an aside, is it possible to use the orderBy filter on something like this:

<td>{{user.data / user.count | number:2}}</td>

Answer 1

You can eather:

1. Just after loading user do:

   $http.get(‘users’).success(function(data) {
   $scope.users = data;
   $scope.user.amplification() = function() { return $scope.user.data / $scope.user.count; }
   });

And use as {{user.amplification()}}

1. Anywhere at controller:

   $scope.$watch(‘user’, function() {
   $scope.userAmplification = $scope.user.data / $scope.user.count;
   }, true);
   $http.get

2. Or if user.data/count do not change, do same as 1. but staticly calculate:

   $http.get(‘users’).success(function(data) {
   $scope.users = data;
   $scope.user.amplification = $scope.user.data / $scope.user.count;
   });

And OrderBy could be used on any expression (uncluding result of other filter)