tag in a string not properly making a new line in html

Question

My frontend retrieves JSON data from the filesystem and convert form the below data

"Lorem Ipsum \r\n Lorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem Ipsum "

to

"Lorem Ipsum <br /> Lorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem Ipsum "

using javascript's string replace method.

I want to show this string in html with proper line break in a following way.

"Lorem Ipsum
Lorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem Ipsum "

Here is the code for the view:

<label>{{ formatJSON(string) }}</label>

formatJSON is Angular function which basically changes \r\n into <br/>.

how do I properly do this?

angular expressions only output text. Have to use `ng-bind-html` and include ngSanitize in app. Lots of other similar posts here about `ng-bind-html` and read the docs as it pertains to `$sce` — charlietfl, May 15 '16 at 00:33
Examples in docs https://docs.angularjs.org/api/ng/directive/ngBindHtml — charlietfl, May 15 '16 at 00:36

score 0 · Accepted Answer · answered May 15 '16 at 00:35

0

You have to use ngBindHtml.

<label ng-bind-html="formatJSON(string)"></label>

answered May 15 '16 at 00:35

inafalcao

1,293
1
10
24

do I need to add "$sanitize" in my controller? If I do this way, all my string are not shown on the view. – Jokingpsh May 15 '16 at 00:40
Yes, you have. It says that on the link I provided. – inafalcao May 15 '16 at 00:44

tag in a string not properly making a new line in html

1 Answers1