带有换行符的AngularJS String,没有中断

Question

在数据库中,我正在保存来自textarea的输入,您可以在其中添加中断.但是如何在Angular视图中显示它们？对于PHP,这是nl2br().

就像<div>{{ item.foobar }}</div>,显示的断点像数据库中那样保存.

Answer 1

绑定HTML似乎有点不安全.CuriousGuy建议的指令有一些额外的工程来正确地逃避HTML.

我发现使用样式规则更容易white-space: pre-line.

实施例在的jsfiddle.

也可以看看:

• Mozilla开发人员网络文档 white-space
• Internet Explorer文档 white-space
• W3文档 white-space

Answer 2

最佳方案:

<div class="multi_lines_text">{{ item.foobar }}</div>

<style>
.multi_lines_text { white-space: pre-line; }
</style>

ng-bind-html - 这不是安全的方式,并在控制台中显示错误.