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..

See [this question](https://stackoverflow.com/q/35999185/1009922). — ConnorsFan, Sep 10 '18 at 12:12

score 1 · Answer 1 · answered Sep 10 '18 at 11:43

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 '18 at 11:43

Sachila Ranawaka

I'm using `str` for dynamic data, for each data I have different formats. – k11k2 Sep 10 '18 at 11:45
you can replace the tag with breaks like `str.replace('\n', '
')` – Sachila Ranawaka Sep 10 '18 at 11:49
but for some reasons not preferring to use `
` – k11k2 Sep 10 '18 at 11:51

1 Answers1