Angularjs display message with /n

Question

Im trying to get angularjs to read my new lines properly, in this case /n is a new line.

here is my acual response from my variable message with the info i would like to display:

jeg\n\nlurer\npaa hva

when i display the variable in the view with {{ message }}i get:

Jeg lurer paa hva

while it really should be:

Jeg

lurer
paa hva

how can i make angular read the /n as new line?

if you are showing this info on the front-end with html you can try using
as option for new line. — user1952854, Sep 12 '16 at 10:44
@user1952854 how may i change the creating of the default /n to br? — maria, Sep 12 '16 at 10:46

score 2 · Answer 1 · answered Sep 12 '16 at 10:46

2

Use some css styling

  <div class="pre-line">{{message}}</div>

n in CSS

 div.pre-line {
      white-space: pre-line;
 }

answered Sep 12 '16 at 10:46

Disha

score 1 · Answer 2 · answered Sep 12 '16 at 10:44

1

Put your {{message}} inside a <pre> tag like,

<pre>{{message}}</pre>

which will take care of the link breaks.

Hope this helps!

answered Sep 12 '16 at 10:44

David R

score 1 · Answer 3 · answered Sep 12 '16 at 10:45

1

Are you looking for ng-bind-html?

answered Sep 12 '16 at 10:45

Mov5

Yes, using

 or change to  is a right answer, not this ^^

– Mov5 Sep 12 '16 at 10:52

score 0 · Answer 4 · edited Sep 12 '16 at 10:52

0

Adding <pre> tag around of your {{ message }} will resolve your problem. You can add this feature of the pre tag with css.

edited Sep 12 '16 at 10:52

Ajeet Shah

answered Sep 12 '16 at 10:50

hamid reza

4 Answers4