title: AngularJS adding text inside a <div>
body: <p>In jQuery I can do something like the following to add desired text inside a div or any element.</p>
  
  <pre><code>$( "#div1" ).html( "&lt;span class='red'&gt;Hello &lt;b&gt;Again&lt;/b&gt;&lt;/span&gt;" );
  </code></pre>
  
  <p>How can I do similar operation using AngularJS.</p>
  
  <p>I need to add a plain text inside a div when the user clicks on a link.</p>
  
  <p>Here's what I have tried:</p>
  
  <p><strong>View:</strong></p>
  
  <pre><code>&lt;a ng-click="showProductText($index)"&gt;Click Me&lt;/a&gt;
  </code></pre>
  
  <p><strong>ng-controller:</strong></p>
  
  <pre><code>$scope.showProductText = function () {
     var myEl = angular.element(document.querySelector('#customerProductCatalogText'));
     --need help hence forth--
      };
  </code></pre>