Como posso preservar novas linhas em um AngularJS parcial?

Dentro de um AngularJS parcial, estou dando um loop sobre uma lista de inputs da seguinte forma:

  • {{ entry.title }}

    {{ entry.content }}

O conteúdo de {{entry.content}} tem algumas quebras de linha que são ignoradas pelo AngularJS. Como posso preservar as quebras de linha?

É apenas HTML básico. AngularJS não vai mudar nada sobre isso. Você poderia usar uma tag pre vez disso:

 
{{ entry.content }}

Ou use CSS:

 p .content {white-space: pre} ... 

{{ entry.content }}

Se o entry.content contiver código HTML, você pode usar o ng-bind-html :

 

Não esqueça de include o ngSanitize :

 var myModule = angular.module('myModule', ['ngSanitize']); 

Eu faço filtros

 // filters js myApp.filter("nl2br", function($filter) { return function(data) { if (!data) return data; return data.replace(/\n\r?/g, '
'); }; });

então

 // view 

Eu corrijo adicionando pre-line :

  My data: 
{{feedback.Content}}

 // AngularJS filter angular.module('app').filter('newline', function($sce) { return function(text) { text = text.replace(/\n/g, '
'); return $sce.trustAsHtml(text); } }); // HTML