字符串中的 <br/> 标记未正确在 HTML 中创建新行

<br/> tag in a string not properly making a new line in html

本文关键字:创建 新行 HTML br 字符串      更新时间:2023-09-26

我的前端从文件系统中检索JSON数据并从以下数据中转换

"Lorem Ipsum 'r'n Lorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem Ipsum "

"Lorem Ipsum <br /> Lorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem Ipsum "

使用 JavaScript 的字符串替换方法。

我想通过以下方式在 html 中以正确的换行符显示此字符串。

"Lorem Ipsum
Lorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem Ipsum "

下面是视图的代码:

<label>{{ formatJSON(string) }}</label>

formatJSON是角度函数,它基本上将'r'n变为<br/>

如何正确执行此操作?

你必须使用 ngBindHtml。

<label ng-bind-html="formatJSON(string)"></label>