title: angular ui grid how to display html in the grid
body: <p>I'm trying to display html in the grid
  looking at </p>
  
  <p><a href="https://stackoverflow.com/questions/18310007/add-html-link-in-anyone-of-ng-grid">Add html link in anyone of ng-grid</a></p>
  
  <p>I ended up with </p>
  
  <pre><code>var app = angular.module('myApp', ['ngGrid']);
              app.controller('MyCtrl', function($scope) {
                  $scope.myData = [
                          {name: "Moroni", age: 50},
                          {name: "Tiancum", age: 43},
                          {name: "Jacob", age: 27},
                          {name: "Nephi", age: 29},
                          {name: "Enos", age: 34}
                      ];
                  $scope.gridOptions = { 
                      data: 'myData',
                      columnDefs: [
                          {field: 'name', displayName: 'Name'}, 
                          {field:'age', displayName:'Age'}, 
                          {field: 'remove', displayName:'', cellTemplate: '&lt;div class="ngCellText" ng-class="col.colIndex()"&gt;&lt;a href="{{row.getProperty(age)}}"&gt;Visible text&lt;/a&gt;&lt;/div&gt;'}
                      ]
                  };
              });  
  </code></pre>
  
  <p>but it doesn't work (the href attribute is empty)
  so what's the right way ?
  Bye </p>