How to display paragraphs coming from a single element in Angular with the required characters working

You can use HTMLElement.innerText:

<div>
  <p [innerText]="data.description"></p>
</div>

Or, if you need special character output, using Element.innerHTML (with replacing new lines with <br>):

<div>
  <p [innerHTML]="data.description.replace(/(\r\n|\r|\n)/g, '<br>')"></p>
</div>