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

标签 angularjs html css

假设我有这段文字:

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

我想在 div 标签中使用 agularJs 来展示这一点

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

如何显示此文本的格式为 WITH 换行符? 现在它显示如下:

这是第一行这是下一行

最佳答案

为清晰起见的内联样式

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

关于angularjs - 使用 CSS 显示带换行符的格式化 HTML 文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31848983/

相关文章:

javascript - Angular (jquery timepicker)无法获取输入值

javascript - 如何从div获取内部id/class?

jquery - 同一行问题上的多层div

jquery - 下拉 CSS 错误

javascript - 如何在 JsPlumb 小部件上启用调整大小?

javascript - 将值设置为 true 时,复选框不显示已选中

javascript - Angular Multiple ngIncludes 包含页面丢失范围(?)

ssl - 从 HTTPS 网站检索页面

javascript - 如何将好的结果与谷歌页面速度结合起来并将 css 放在页面底部?

css - 编辑 sass-rails 配置选项