使用 CSS 显示带换行符的格式化 HTML 文本

Question

假设我有这样的文字：

$scope.text = 'This is the first line\nthis is the next line';

我想在使用 angular 的 div 标签中显示它

<div>{{text}}</div>

如何显示这个文本格式与换行？现在它显示如下：

这是第一行这是下一行

Answer 1

为了清晰起见，内联样式

<div style="white-space: pre;">{{ text }}</div>