title: Dynamically replace ng-bind with ng-bind-html
body: <p>I want to replace the <code>ng-bind</code> attributes with <code>ng-bind-html</code> for certain tags dynamically, e.g with the sample code below I want to do it for all elements with the <code>.text</code> class.</p>
  
  <pre><code>&lt;div class="text"&gt;{{text}}&lt;/div&gt;
  &lt;div&gt;{{text1}}&lt;/div&gt;
  &lt;p class="text"&gt;{{text}}&lt;/p&gt;
  </code></pre>
  
  <p>I am trying to do with the following jquery code and its not working, any pointers would be much appreciated.</p>
  
  <p>$('.text').attr('ng-bind-html', 'text').removeAttr('ng-bind')</p>