title: How to use ng-class according to the html content - AngularJS
body: <p>I am printing each element in my array as an HTML paragraph using <code>ng-repeat</code>.</p>
  
  <pre><code>&lt;p ng-repeat="item in queries track by $index"&gt;{{ item }}&lt;/p&gt;
  </code></pre>
  
  <p>The result is:</p>
  
  <pre><code>------------ title 1 --------------
  content 1
  ------------ title 2 --------------
  content 2
  ------------ title 3 --------------
  content 3
  ------------ title 4 --------------
  content 4
  </code></pre>
  
  <p>The problem is that I can't seem to figure out how to custom style paragraphs (e.g <code>color:red;</code>).</p>