javascript - Angular 在一行中显示多行字符串

Question

我试图通过 Angularjs 获取一个字符串以显示在网页上，该字符串可能有多行。这是我得到的:

<textarea ng-model="StringValue"></textarea>
{{StringValue}}

当您在文本区域中输入时:

“这是

一个字符串"

你得到:

“这是一个字符串”

如何才能让文本以与键入的方式相同的方式显示？

Answer 1

小心 ng-bind-html - 很容易获得 XSS 注入(inject)。

如果你只想显示你的换行符，而不是在你的页面中使用 XSS
你可以使用简单的 css-rule: white-space: pre:

<span style="white-space: pre">{{multilinetext}}</span>

当然，你可以为此制作 css-class:

<style>.pre {white-space: pre}</style>
<span class="pre">{{multilinetext}}</span>

此外，此方法使所有空格都可见:前导空格、多个空格制表符等等。