Pourquoi angular ng-bind ne lit pas les sauts de ligne de JSON?

Question

J'ai le texte d'un JSON qui ressemble à ceci:

"some text some text some text \n\n New paragraph text \n\n Another new paragraph" 

J'ai alors simple div qui ressemble à ceci:

<div ng-bind="textFromJSON"></div> 

Pour une raison quelconque, le texte qui est rendu à la la page s'avère sans les sauts de ligne. à savoir

some text some text some text New paragraph text Another new paragraph 

Si je regarde inspecter ce texte avec les outils de dev chrome, il montre les blocs de texte divisé en plusieurs paragraphes en utilisant la ligne \ n brise comme je l'avais prévu.

some text some text some text 

New paragraph text 

Another new paragraph 

Est-ce que quelqu'un sait comment je peux obtenir la page pour le rendre correctement?

Answer 1

C'est le cas. La question est html ne l'affiche pas en raison du réglage par défaut de l'espace blanc, changer votre div à ceci:

<div ng-bind="textFromJSON" style="white-space:pre-wrap"></div> 

Voir https://jsfiddle.net/xtqe7on2/ comme exemple

Answer 2

Vous pouvez utiliser <pre>

<div><pre>{{textFromJSON}}</pre></div>