title: AngularJS Automatically HTML Encoding Ampersands
body: <p>I've got a comments section on my site where I save htmlencoded comments in my database. So I added this comment-</p>
  
  <pre><code>"testing" `quotes` \and backslashes\ &lt;b&gt;and html&lt;/b&gt;
  </code></pre>
  
  <p>and it saved in the database as-</p>
  
  <pre><code>&amp;quot;testing&amp;quot; &amp;#039;quotes&amp;#039; \and backslashes\ &amp;lt;b&amp;gt;and html&amp;lt;/b&amp;gt;
  </code></pre>
  
  <p>All good but when I print it to my page</p>
  
  <pre><code>&lt;li class="media" ng-repeat="comment in comments"&gt;
      &lt;a class="pull-left" href="#"&gt;
        &lt;img class="media-object" src="/{{comment.thumb}}" width="24" alt="{{comment.username}}"&gt;
      &lt;/a&gt;
      &lt;div class="media-body"&gt;
        &lt;h5 style='margin: 0px;'&gt;&lt;a href="/profile/{{comment.username}}"&gt;{{comment.username}}&lt;/a&gt;&lt;/h5&gt;
        &lt;p&gt;{{comment.message}}&lt;/p&gt;
      &lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>The ampersands are automatically changed to</p>
  
  <pre><code>&amp;amp;
  </code></pre>
  
  <p>So the resulting string on the page will be-</p>
  
  <pre><code>&amp;amp;quot;testing&amp;amp;quot; &amp;amp;#039;quotes&amp;amp;#039; \and backslashes\ &amp;amp;lt;b&amp;amp;gt;and html&amp;amp;lt;/b&amp;amp;gt;
  </code></pre>
  
  <p>Of course this won't show properly. I tried passing the commented to a parseAmper filter that replaces all encoded ampersands with &amp; but it doesn't stick. How can I print ampersands properly?</p>