How can I preserve new lines in an AngularJS partial?

by

It is just basic HTML. AngularJS won’t change anything about that. You could use a pre tag instead:

<pre>{{ entry.content }}</pre>

Or use CSS:

p .content {white-space: pre}

...

<p class="content">{{ entry.content }}</p>

If entry.content contains HTML code, you could use ng-bind-html:

<p ng-bind-html="entry.content"></p>

Don’t forget to include ngSanitize:

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

More Related Contents:

  1. angular.service vs angular.factory
  2. How to add custom validation to an AngularJS form?
  3. How to use a filter in a controller?
  4. CORS with spring-boot and angularjs not working
  5. Link vs compile vs controller
  6. Angular.js directive dynamic templateURL
  7. Using protractor with loops
  8. Angularjs $q.all
  9. passing 2 $index values within nested ng-repeat
  10. Should I use `this` or `$scope`?
  11. AngularJS $http, CORS and http authentication
  12. How can I define my controller using TypeScript?
  13. Angularjs loading screen on ajax request
  14. AngularJS UI Router – change url without reloading state
  15. Reading response headers when using $http of Angularjs
  16. $provide outside config blocks
  17. angular.min.js.map not found, what is it exactly?
  18. AngularJS – difference between pristine/dirty and touched/untouched
  19. Angularjs wrong $index after orderBy
  20. Anchor links in Angularjs?
  21. AngularJS : The correct way of binding to a service properties
  22. Pass form to directive
  23. how does the binding and digesting work in AngularJS?
  24. Typescript async/await doesnt update AngularJS view
  25. How do I enable Webstorm intellisense for AngularJS when writing CoffeeScript
  26. ionic app cannot connect cors enabled server with $http
  27. shuffle array in ng-repeat angular
  28. Angular ng-click event delegation
  29. Dynamic content added with AngularJS click event not working on the added content
  30. What is $$phase in AngularJS?

Leave a Comment