在HTML字符串中保留换行符
在HTML字符串中保留换行符
提问于 2018-03-13 08:39:53
使用Angular 5和Firebase，我可以存储和检索电影评论信息。在创建和编辑评论时，会保留换行符(我假设使用ngModel与此有关)。然而，当从读者的角度检索评论时，ReviewComponent，换行符不会被保留。记录主体仍然显示换行符，使用Angular的json管道显示为text\n\ntext，显示换行符应该在哪里。
这是我的HTML：
<main role="main" class="container">
<p style="margin-bottom: 2rem;">{{review.body}}</p>
</main>我还尝试过span和body。
我如何在评论中为读者保留这些换行符？
回答 3
Stack Overflow用户
发布于 2021-01-08 15:10:09
通过使用[innerText]指令，似乎可以保留空格以及\n新行
例如<small style="display:block" [innerText]="review.body"></small>
Stack Overflow用户
发布于 2019-02-01 18:48:00
我也遇到过类似的情况，我的HTML代码如下：
<div>{{msgTitle}}</div>我尝试将'\r\n'和<br>都放在字符串msgTitle中，但是它们都不能在页面上显示的文本中换行。这个链接给了我解决方案：
https://github.com/angular/angular/issues/7781
使用[innerHTML]="msgTitle"而不是{{msgTitle}}。
Stack Overflow用户
发布于 2018-03-13 08:46:09
尝试span，但将其设置为：
span
{
display : table;
}这应该会有帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49246543
复制相关文章
相似问题
腾讯云开发者
