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.