title: AngularJS render HTML within double curly brace notation
body: <p>I have JSON variables that contain HTML.</p>
  
  <p>By doing: <code>{{source.HTML}}</code> Angular is showing <code>&amp;lt;</code> and <code>&amp;gt;</code> instead of <code>&lt;</code> and <code>&gt;</code>.</p>
  
  <p>What can I do to have Angular render the actual HTML?</p>
  
  <p><br><br>
  <strong>UPDATE:</strong><br>
  This is my controller:<br></p>
  
  <pre><code>app.controller('objectCtrl', ['$scope', '$http', '$routeParams',
    function($scope, $http, $routeParams) {
  
      var productId = ($routeParams.productId || "");
  
      $http.get(templateSource+'/object?i='+productId)
         .then(function(result) {
            $scope.elsevierObject = {};
            angular.extend($scope,result.data[0]);
          });
    }]);
  </code></pre>
  
  <p>Inside my HTML i can then use:</p>
  
  <pre><code>&lt;div&gt;{{foo.bar.theHTML}}&lt;/div&gt;
  </code></pre>