title: How to change and manipulate the data inside a cell ng-grid with AngularJS?
body: <p>I am using ng-grid from AngularJS:</p>
  
  <pre><code>var app = angular.module('myApp', ['ngGrid']);
      app.controller('MyCtrl', function($scope) {
          $scope.myData = gridData;
          $scope.gridOptions = {
                          data: 'myData',
                          columnDefs: ColumnArray
                          };
      });
  </code></pre>
  
  <p>I want to change a cell text inside a cell. How to do that? 
  I was using cellTemplate:</p>
  
  <pre><code>ColumnObject.cellTemplate = GetCellTemplate();
  </code></pre>
  
  <p>But, <em>my GetCellTemplate</em> method can not read <strong>{{ row.getProperty(col.field) }}</strong> which is the data in the current cell. What to do in order to be able to read the cell data/text and change it in run time.</p>
  
  <p>For example, if my cell has text like "My Name IMAGE" I want to be able to change the word "IMAGE" into a real image and display it in my ng-grid.</p>
  
  <p>How can I do that? </p>