title: Dealing with DOM Manipulations in AngularJS
body: <p>When I perform DOM manipulation (add new HTML) using jQuery, AngularJS doesn't automatically detect variables in the new HTML and replace them with their values. For example:</p>
  
  <pre><code>$scope.showSummary = function($event){
  
      $($event.currentTarget).html("&lt;div&gt;{{row}}&lt;/div&gt;");
  
  };
  </code></pre>
  
  <p>This is a simple example, but after changing the HTML in the element (this function was called by <code>ng-click</code>), the output it still <code>{{row}}</code> instead of what <em>row</em> should mean in the context/scope.</p>