У меня есть следующий div в моем html:
<div flex style="white-space:pre-wrap;">
{{c.display}}
</div>
c.display
устанавливается так:
$scope.c.display = "foo\nbar\n\tfoobar";
Результат выглядит так:
Источник html выглядит так:
Если я изменил источник в Chrome с помощью инструментов dev, выполните следующие действия:
Я получаю то, что хотел все это время, вот что:
Итак, почему это происходит и как я могу заставить его остановиться?
Как насчет удаления пробела из div?
<div flex style="white-space:pre-wrap;">{{c.display}}</div>
{{c.display}}
пространство вокруг{{c.display}}
не{{c.display}}
эффекта."white-space:pre-wrap"
сохраняет пустое пространство внутри элемента. Это включает все до и после привязки данных{{c.display}}
.