string interpolation binding for desired format

Question

I have a string str = "hello"+ "\n"+ "my"+ "\n" + "World".

html binding <div>{{str}}</div>

I expected to print this string as

Hello
my
world

I'm failing to do it but in console I'm getting what I want. Did I missing any thing here..

Sachila Ranawaka · Accepted Answer · 2018-09-10 11:43:39Z

1

Add <br> instead of \n and use innnerHtml tag in html

this.str = 'Hello' +'<br>'+ 'my' +'<br>' + 'world';

<div [innerHTML]="str"></div>

answered Sep 10, 2018 at 11:43

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

I'm using str for dynamic data, for each data I have different formats.

you can replace the tag with breaks like str.replace('\n', '<br>')

but for some reasons not preferring to use <br>