Новая строка и вкладки добавляются в мою строку в угловых

0

У меня есть следующий div в моем html:

<div flex style="white-space:pre-wrap;">
    {{c.display}}
</div>

c.display устанавливается так:

$scope.c.display = "foo\nbar\n\tfoobar";

Результат выглядит так:

Изображение 174551

Источник html выглядит так:

Изображение 174551

Если я изменил источник в Chrome с помощью инструментов dev, выполните следующие действия:

Изображение 174551

Я получаю то, что хотел все это время, вот что:

Изображение 174551

Итак, почему это происходит и как я могу заставить его остановиться?

Теги:
angular-material

1 ответ

1
Лучший ответ

Как насчет удаления пробела из div?

<div flex style="white-space:pre-wrap;">{{c.display}}</div>
  • 0
    Ну, это работает. Я почему-то подумал, что {{c.display}} пространство вокруг {{c.display}} не {{c.display}} эффекта.
  • 0
    Директива стиля CSS "white-space:pre-wrap" сохраняет пустое пространство внутри элемента. Это включает все до и после привязки данных {{c.display}} .

Ещё вопросы

Сообщество Overcoder
Наверх
Меню