title: Using HTML Entities within AngularJS strings
body: <p>Given a string in my $scope model which contains an HTML entity, how do I ensure that the entity is properly displayed as an HTML character rather than a literal string?</p>
  
  <p><a href="https://developer.mozilla.org/en-US/docs/Glossary/Entity" rel="noreferrer">HTML entity - MDN Glossary</a></p>
  
  <p><a href="http://plnkr.co/edit/0BliljcDkj0vvj3jdEqz?p=preview" rel="noreferrer">http://plnkr.co/edit/0BliljcDkj0vvj3jdEqz?p=preview</a></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
    &lt;head&gt;
      &lt;script data-require="angular.js@*" 
              data-semver="1.2.13" 
              src="http://code.angularjs.org/1.2.13/angular.js"&gt;&lt;/script&gt;
  
    &lt;/head&gt;
  
    &lt;body&gt;
      &lt;div ng-controller="htmlChar"&gt;{{title}}&lt;/div&gt;
  
      &lt;script&gt;
  
        angular.element(document).ready(function(){
  
          var app=angular.module("app",[]);
          app.controller("htmlChar",function($scope){
            $scope.title = "&amp;copy; Acme";
          });
          angular.bootstrap(document, ['app']);
  
        });
  
      &lt;/script&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>