title: Escaping & > characters in ng-bind in AngularJs
body: <p>I have a use case, where we can have '&amp;' and '>' characters in a string. eg. Johnson &amp; Johnson, <code>value &gt; 3</code>. So while the response from server is encoded, hence the value becomes 'value &ampgt; 3'.</p>
  
  <p><code>ng-bind</code> doesn't support the following:</p>
  
  <p><code>value &amp;gt; 3</code> will be rendered for <code>ngBind</code>, whereas the browser renders the same content as <code>value &gt; 3</code>.</p>
  
  <p><a href="http://jsfiddle.net/HKahG/2/">http://jsfiddle.net/HKahG/2/</a></p>
  
  <pre><code>Ng:bind &lt;div ng-bind="model"&gt;&lt;/div&gt; 
  Ng:bind-html &lt;div ng-bind-html="model"&gt;&lt;/div&gt;
  &lt;div&gt; From Div: value &amp;gt; &lt;/div&gt;
  </code></pre>
  
  <p>Why is this default browser behavior not present in <code>ng-bind</code>?. I don't want to use <code>ng-bind-html</code> (has issues with value <code>&lt;</code> and it is not a html) or <code>ng-bind-unsafe-html</code>.</p>
  
  <p>My application has dynamic key-value fields which will be displayed in different parts of the application. So it will require additional overhead to use a separate directive or decorator to display all string fields than to use <code>ngBind</code>.</p>
  
  <p>Questions:</p>
  
  <p>1) Is there any other way of doing the same without using an additional directive, or is this the right way of handling encoded data?</p>
  
  <p>2) Can I override the behavior of <code>ng-bind</code> or decorate it by default?</p>