title: AngularJS + NG-Grid pass row.column.field into ng-click event
body: <p>How does one pass <code>{{row.getProperty(col.field)}}</code> into <code>ng-click</code>?  What happens is the id does not get propagated back, but the grid render correctly with the id.</p>
  
  <p>code:  </p>
  
  <pre><code>var app = angular.module('testing',['ngGrid']);
  app.config(['$locationProvider', function($locationProvider)  
  {  
         $locationProvider.html5Mode(true);
  }]);    
  
  app.controller('TestCtrl',function($scope)  
  {  
        $scope.details = []; //whatever dummy data  
        $scope.loadById = function(id)  
        {  
              $window.location.href= 'newPage/?id='+id;
        };  
  
        $scope.gridOptions =  
        {  
             data: 'details',  
             columnDefs:[{field:'id',DisplayName:'id',  
                   cellTemplate:'&lt;div class="ngCellText" ng-class="col.colIndex()"&gt;&lt;a ng-click="loadById({{row.getProperty(col.field)}})"&gt;{{row.getProperty(col.field)}}&lt;/a&gt;&lt;/div&gt;'  
                }]
        };    
  });  
  </code></pre>