Replace \n with <br> tag angular 6

Question

I have a REST API with \n as backslash tags, can angular 6 replace these with <br> tags?

Here's my code:

{{x.deskripsi}}

I try to use this package, but I have no idea how to use it with binding inside a {{}} tag. I tried using

<p ng-bind-html="x.deskripsi | nl2br"></p>

but it doesn't work. Any help?
Thanks in advance.

Answer 1

You don't need a library. Simply set the white-space property of your tag to pre-wrap (or use a <pre> tag that should have this style by default)

document.querySelector('#formatted').innerText = 'Lorem\nIpsum';

#formatted {
  white-space: pre-wrap;
}

<div id="formatted"></div>
<div>Lorem\nIpsum</div>