Как я могу сохранить новые строки в частичной части AngularJS?
В части AngularJS я перебираю список записей следующим образом:
- {{ entry.title }}
{{ entry.content }}
Содержимое {{entry.content}}
имеет некоторые строки, которые игнорируются AngularJS. Как я могу заставить это сохранить разрывы строк?
- Поведение на уровне angular.js - отключить глубокую привязку для определенных URL-адресов
- Angularjs $ q.all
- Как я могу использовать ui-router во внешней ссылке, например google.com?
- Чтение заголовков ответов при использовании $ http Angularjs
- Каков наилучший способ условного применения classа?
- Как расширить или переопределить существующие фильтры в angularjs?
- Должен ли я использовать `this` или` $ scope`?
- Как получилось, что Angular не обновляется здесь?
- AngularJS - конвертировать даты в controller
- Автозаполнение Angularjs от $ http
- Почему область ng-transclude не является дочерней областью своей директивы - если директива имеет изолированную область видимости?
- Как изменить область действия внутри директивы в AngularJs
- Сложность с ng-моделью, ng-repeat и входами
Это просто базовый HTML. AngularJS ничего не изменит по этому поводу. Вместо этого вы можете использовать pre
tag:
{{ entry.content }}Или используйте CSS:
p .content {white-space: pre} ...
{{ entry.content }}
Если
entry.content
содержит HTML-код, вы можете использоватьng-bind-html
:
Не забудьте включить ngSanitize :
var myModule = angular.module('myModule', ['ngSanitize']);
Я делаю фильтры
// filters js myApp.filter("nl2br", function($filter) { return function(data) { if (!data) return data; return data.replace(/\n\r?/g, '
'); }; });
тогда
// view
Я исправлю это, добавив 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