title: AngularJs UI-Grid celltemplate calls a function to return HTML as text
body: <p>When I have cellTemplate as the following, </p>
  
  <pre><code>{ field: 'Trial', cellTemplate: '&lt;div class="ui-grid-cell-contents" title="TOOLTIP"&gt;{{grid.appScope.getAnchorLink(row)}}&lt;/div&gt;' }
  </code></pre>
  
  <p>what I get is <code>&lt;a data-ng-href="localhost:50849/PatientCategory/Edit/1"&gt;Edit&lt;/a&gt;</code> in the column. But what I want is simply an anchor link with Edit text.</p>
  
  <p>The getAnchorLink function is as follows</p>
  
  <pre><code>        $scope.getAnchorLink = function (rowObj) {
              var tempId = rowObj.entity.Id.toString();
              return '&lt;a data-ng-href="localhost:50849/PatientCategory/Edit/' + tempId + '"&gt;Edit&lt;/a&gt;'
          };
  </code></pre>
  
  <p>Can someone please correct me where I am wrong?</p>