title: ng-click not working on dynamic hyperlink
body: <p>I have a empty table to start, A form with a add button is used to populate rows in table one by one.
  Last column in the table is delete and i have populated a hyperlink with <code>ng-click</code> attribute but its not getting fired... i tried <code>onclick</code> function it works.</p>
  
  <p>HTML :</p>
  
  <pre><code>&lt;tr ng-repeat="entity in entities"&gt;
      &lt;td&gt;{{ $index + 1 }}&lt;/td&gt;
      &lt;td&gt;{{ entity.entityType }}&lt;/td&gt;
      &lt;td&gt;{{ entity.orgType }}&lt;/td&gt;
      &lt;td&gt;{{ entity.entityId }}&lt;/td&gt;
      &lt;td&gt;{{ entity.name }}&lt;/td&gt;
      &lt;td&gt;{{ entity.addressLine1 }}&lt;/td&gt;
      &lt;td&gt;{{ entity.city }}&lt;/td&gt;
      &lt;td&gt;{{ entity.state }}&lt;/td&gt;
      &lt;td&gt;{{ entity.zip }}&lt;/td&gt;
      &lt;td ng-bind-html="entity.edit"&gt;&lt;/td&gt;
      &lt;td ng-bind-html="entity.remove"&gt;&lt;/td&gt;
  &lt;/tr&gt; 
  </code></pre>
  
  <p>Javascript this is the click event that is called to add a row in table :</p>
  
  <pre><code> $scope.entities = [];
  
   $scope.addEntity = function() {
       console.log($scope.entity);
       $scope.entity.$index = $scope.entities.length;
       var $el = "&lt;a ng-click='deleteEntity(" + $scope.entity.$index + ")'&gt;Delete&lt;/a&gt;";
       $scope.entity.edit = $sce.trustAsHtml("&lt;a ng-click='editEntity(" + $scope.entity.$index + ")'&gt;Edit&lt;/a&gt;");
       $scope.entity.remove = $sce.trustAsHtml($el);
       $scope.entities.push($scope.entity);
       $scope.reset();
       $compile($el)($scope);
   }
  </code></pre>
  
  <p>HTML is created properly, with <code>deleteEntity</code> function have index values.</p>