Why does angular ng-bind not read \n line breaks from JSON?

javascript html angularjs json line-breaks

It does. The issue is html doesn't display it because of the white-space default setting, change your div to this:

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

javascript html angularjs json line-breaks

You can use <pre>

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

javascript html angularjs json line-breaks

In Angular 2+ you can use like this:

<pre>{{textInJSON | json}}</pre>

CodeHunter