How to add a new line to a string variable using Javascript/Typescript in Angular?

Question

I am trying to add a new line to a string in Angular application. In component.ts file I have added a variable which takes a string value.

heading="Lorem ipsum dolor sit amet. \n consetetur sadipscing elitr."

In component.html file I am calling this variable.

<div>{{heading}}</div>

But no new line is generated and the text is one single paragraph. Can someone help me with this.

in HTML template use innerHTML binding...
and in component use... heading="Lorem ipsum dolor sit amet.
consetetur sadipscing elitr." — Benni Russell, Jul 30 '20 at 08:22

score 2 · Answer 1 · answered Jul 30 '20 at 08:07

2

Try to add CSS style to to that Div.

div{
white-space:pre-line;
}

It should render \n in the browser.

answered Jul 30 '20 at 08:07

Pinnci

1 Answers1