title: Angular 4 display in next line for newline character for p tag
body: <p>I have a page in angular 4 where I have to display user comment list.Users may enter comments in multi-line. I would like to bind text in multi-line.I would like to display text starting by <code>\n</code> in the new line.</p>
  
  <p>I have tried </p>
  
  <pre><code>&lt;p [innerHTML]="comment.text"&gt;&lt;/p&gt;
            &amp;
  &lt;p&gt;{{comment.text}}&lt;/p&gt;
  </code></pre>
  
  <p>I don't want to replace <code>\n</code> with <code>&lt;br&gt;</code>tag.I want something else.</p>
  
  <p>If it can be done on the binding side that would be great.</p>