title: new lines, br in div plain text
body: <p>OK this should be fairly simple...</p>
  
  <p>Using angular.
  I output a text, which has been edited with a textarea:</p>
  
  <pre><code>{{model | newline2br}}
  </code></pre>
  
  <p>If I don't add the filter, all new lines are just ignored.
  So I did some googling, and wrote a filter, newline2br,
  which does just that - replacing new lines with <code>&lt;br /&gt;</code></p>
  
  <p>But now the text is being displayed with literal <code>&lt;br /&gt;!</code></p>
  
  <p>This is the output in the inspection window:</p>
  
  <pre><code>&lt;div ng-show="showText" ng-mouseleave="showText = false" class="textwrapper ng-hide"&gt;asdjfhaslkjdfh aoiuyqoiweury iufyaoiusydf oiuaysdfiouy aiuysdfoiuy asdfo iuyasdf iouyasdfoiuy asdoifuy aoiusydf oiauysdfoiuays df oiauysdf iouaysdofiuy asioduyf aoiusydf oiauysdfo iuyasdoiufy aoisudyf oiuaysdifuy asdoiufysf&lt;br /&gt;hello this is cool&lt;br /&gt;I just found out that I can do shift-enter!&lt;br /&gt;now I solved the problem with this... :))))&lt;/div&gt;
  </code></pre>
  
  <p>Why is that?
  How do I write the filter correctly so that the div displays the new lines?</p>