保留angularjs中的换行符
我的代码而不是ng-bind="item.desc"使用代码，{{item.desc}}因为我ng-repeat之前有过。
所以我的代码：
<div ng-repeat="item in items">
{{item.description}}
</div>
项目说明包含\n未呈现的换行符。
{{item.description}}假设我已具备ng-repeat上述条件，如何轻松显示换行符？
问题答案：
基于@pilau的答案-但经过改进，即使是公认的答案也没有。
<div class="angular-with-newlines" ng-repeat="item in items">
{{item.description}}
</div>
/* in the css file or in a style block */
.angular-with-newlines {
white-space: pre-wrap;
}
这将使用给定的换行符和空格，但也会在内容边界处中断内容。有关空白属性的更多信息，可以在这里找到：
https://developer.mozilla.org/zh-CN/docs/Web/CSS/white-space
如果您想换行，并且在文本之前折叠多个空格或空白（非常类似于原始浏览器的行为），则可以使用@aaki建议：
white-space: pre-line;
很好地比较了不同的渲染模式：http :
//meyerweb.com/eric/css/tests/white-space.html
-
问题内容： 在AngularJS部分中，我如下遍历条目列表： 的内容有一些换行符，AngularJS会忽略它们。如何使其保留换行符？ 问题答案： 这只是基本的HTML。AngularJS对此不会做任何改变。您可以改用标签： 或使用CSS： 如果包含HTML代码，则可以使用： 不要忘记包括ngSanitize：
-
问题内容： 我有一个带有textarea的表单，我想保留输出内容时用户输入的换行符。 例如，如果我在textarea中写： 这是一个句子。这是另一个。这里还有一个。 这是一个新段落。这是一个新句子。这是另一个。 我想要相同的输出，而 不是 ： 这是一个句子。这是另一个。这里还有一个。这是一个新段落。这是一个新句子。这是另一个。 如何保留换行符？ 问题答案： 通常，您只需要添加 空格修剪为单个空格
-
问题内容： 我有一些代码示例要在HTML文档中发布。我是用，标记包装它们，但是我希望它们的样式是这样的保留换行符。我也可以用标签，但我更喜欢使用CSS。 我已经在IE7中尝试了以下内容 这可能吗？ 问题答案： 检查doctype是否有效并在第一行。也许它滑进了quirks mode?？
-
有没有一种方法可以避免用户输入的换行符。目前，我只是将用户输入发送到mongoDb并返回该文本。然而，如果我的输入是：“新行”，我的输出将是“新行”。有人能提出解决方案吗？
-
问题内容： 我正在使用文本区域使用户能够输入评论。但是，如果用户输入新行，则新行在输出时不会出现。有什么办法可以使换行符停留。 知道如何保存换行符吗？ 问题答案： 两种解决方案： PHP功能： 例如， 将输入内容包装在标签中。
-
问题内容： 我有一个简单的形式，像这样： 我将数据记录为以下三段： 在模板中，我想以只读方式查看该记录的内容。（不可编辑的表格） 在这种情况下，记录是包含数据的模型： -> 我该怎么做才能显示多行？ 问题答案： 包括换行符在内的所有空格都被转换为HTML中的单个空格。 您的选择，从最佳到最差： 放在包含元素上。这告诉HTML完全显示源代码中显示的所有空白，包括换行符。（您也可以使用标签，但是这也会