ng grid passing variables in cellTemplate - angularjs

Question

I have an ng-grid that is connected to a SharePoint list. The SharePoint list is returning an ID number instead of the user name when I am trying to populate a field with a user name.
I have a function that is converting the ID to a user name.
$scope.getUserName = function (user) {
var userId = user;
$Service.getUserById($scope, userId).done(function (data) {
$scope.userName = data.d.Title;
})
}
When I am trying to call the function in a "cellTemplate", I can't send the ID variable to the function.
$scope.gridOptions = {
loading: true,
enableSorting: true,
enableFullRowSelection: true,
enableRowHeaderSelection: false,
showGroupPanel: true,
columnDefs: [
{ name: "Admin", field: "AdministratorId" },
{ name: "User", field: "ApprovedById" },
{ name: "SuperUser", cellTemplate: '<div>{{grid.appScope.getUserName(<pass the id variable here>)}}{{grid.appScope.userName}}</div>' }
],
data: 'gridData'
};
How do I get the userID from 'gridData' and send it to my function?
Update: The REST call I am using.
function getListItem(listName) {
var deferred = $.Deferred();
// query the list in the host web
var url = SPAppWebUrl + "/_api/SP.AppContextSite(#target)" +
"/web/lists/getbytitle('" + listName + "')/items?" +
"#target='" + SPHostUrl + "'";
$.ajax({
url: url,
type: "GET",
headers: { "Accept": "application/json;odata=verbose" }, // return data format
success: onGetEntriesSuccess,
error: onoDataCallFailure
});
function onGetEntriesSuccess(data) {
deferred.resolve(data.d);
}
function onoDataCallFailure(data, errorcode, errorMessage) {
deferred.reject("Error: " + errorMessage);
}
return deferred;}

Answer 1

Your Code:
cellTemplate:
'<div>{{grid.appScope.getUserName(**<pass the id variable here>**)}}{{grid.appScope.userName}}</div>'
Pass id like this : row.entity.Id // this id is available in your raw data.
and now code is:
cellTemplate: '<div>{{grid.appScope.getUserName(row.entity.Id)}}{{grid.appScope.userName}}</div>'