title: ng-click not working from dynamically generated HTML
body: <p><strong>HTML</strong></p>
  
  <pre><code>&lt;table data-ng-table="tableParams" class="table table-bordered table-hover " style="border-collapse:collapse" data-ng-init="host.editSave = false" &gt;
      &lt;tr id="newTransaction"&gt;
      &lt;/tr&gt;
      &lt;tr data-ng-repeat="host in hosts|filter:search:strict" &gt;
         &lt;td class="hostTableCols" data-ng-hide="host.editSave"&gt;{{host.hostCd}}&lt;/td&gt;
         &lt;td class="hostTableCols" data-ng-hide="host.editSave"&gt;{{host.hostName}}&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>Jquery</strong></p>
  
  <pre><code>$('#newTransaction').append(
   '&lt;td contenteditable&gt;&lt;input type="text" class="editBox" value=""/&gt;&lt;/td&gt;'+ 
   '&lt;td contenteditable&gt;&lt;input type="text" class="editBox" value=""/&gt;&lt;/td&gt;'+
   '&lt;td&gt;'+
      '&lt;span&gt;'+
          '&lt;button id="createHost" class="btn btn-mini btn-success" data-ng-click="create()"&gt;&lt;b&gt;Create&lt;/b&gt;&lt;/button&gt;'+
      '&lt;/span&gt;'+
   '&lt;/td&gt;'
  );
  </code></pre>
  
  <p><strong>Angular Script</strong></p>
  
  <pre><code>$scope.create = function() {
         alert("Hi");
      };
  </code></pre>
  
  <p>Here the function called in the controller part of the AngularJS is not getting trigger from the ng-click event. The Html is getting appended successfully, but the ng-click is not working. Tell me solutions to make it work</p>