title: How to read <br> tags from database to angularJS view
body: <p>I would like to convert <strong>br</strong> that is saved from the database to newline on my front-end.
  Here's what I got so far:</p>
  
  <pre><code>&lt;div ng-repeat="desc in items.description.split(',')"&gt;&lt;span class="pre-break"&gt;{{desc}}&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.pre-break{
       white-space: pre-wrap !important;
  }
  </code></pre>
  
  <p>Sample data from Database:</p>
  
  <pre><code>6 pcs &lt;br/&gt; 2 pc thigh, 2 pc wing, 2 pc chops
  </code></pre>
  
  <p>But the result is still like this:</p>
  
  <pre><code>6 pcs &lt;br/&gt; 2 pc thigh | 2 pc wing | 2 pc chops
  </code></pre>
  
  <p>What will I do to convert the br tag? </p>