Как я могу сохранить новые строки в частичной части AngularJS?

В части AngularJS я перебираю список записей следующим образом:

  • {{ entry.title }}

    {{ entry.content }}

Содержимое {{entry.content}} имеет некоторые строки, которые игнорируются AngularJS. Как я могу заставить это сохранить разрывы строк?

Это просто базовый 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
  • Как передать некоторые данные от одного controllerа другому controllerу-сверстнику
  • AngularJs ReferenceError: $ http не определен
  • AngularJS Все сокращения в URL-адресе изменены на% 2F
  • angular.min.js.map не найден, что это такое?
  • Каковы различия между ng-repeat и ng-options и почему они не ведут себя одинаково?
  • Добавление нескольких classов с использованием ng-classа
  • угловой $ q, Как связать несколько обещаний внутри и после цикла
  • Двоичные файлы повреждены - Как загрузить двоичные файлы с помощью AngularJS
  • Обеспечение уникальных имен пользователей Firebase simplelogin
  • Вставка строки шаблона углового js внутри элемента
  • В чем разница между ng-app и data-ng-app?
  • Interesting Posts

    Забыл часть вилки моего зарядного устройства для ноутбука, но у вас есть большая часть, которая подключается к ноутбуку. Могу ли я использовать только часть вилки?

    Формат даты и времени в asp.net mvc 4

    Невозможно разбить C: \ Drive в соответствии с потребностями в Windows 7

    Как решить «Не удалось установить доверительные отношения для безопасного канала SSL / TLS с полномочиями»

    Как вы создаете запрос LINQ to Entities для непосредственного загрузки дочерних объектов, вместо вызова свойства Reference или Load ()

    Как скрыть или удалить адрес электронной почты из окна блокировки Windows 8?

    Как передать права администратора приложения на C #? файл манифеста

    Добавить несколько элементов в уже инициализированный arraylist в java

    Уникальный идентификатор оборудования в Mac OS X

    Создание пользовательского JButton из изображений, содержащих прозрачные пиксели

    Является ли DDR3 MB совместимым с DDR2 RAM?

    Существует ли Flip 3D в Windows 8? Если да, то какова ключевая комбинация?

    Как использовать оба моих двойных интернет-соединения в тот же самый момент в Mac OS X

    Разве графический интерфейс для Android SDK-менеджера ушел?

    C ++ Статическая инициализация члена (внутри шаблона)

    Давайте будем гением компьютера.