使用角度顯示內容

Question

我正在使用Angularjs在我的應用程序中構建comments功能。 所以我在顯示data遇到問題。 我從這樣的服務器獲取數據：

    This is the core collection of directives you would use in your template 
code to build an AngularJS application.\n\nSome examples include: ngClick, ngInclude

數據包含\\n 。 它表明new Line 。對於顯示的數據我使用ng-bind-html指令以$sce.trustAsHtml(data); 。 但是數據顯示在同一行中，未添加新行。

有人可以幫我嗎？

Answer 1

默認情況下，空白在HTML中是折疊的。 為了解決這個問題，您應該使用<pre>標簽。 空格不會在pre標簽內折疊。

與<p>

<p>
lots of text 
with new lines 
look like this
</p>

許多帶有新行的文本看起來像這樣

與<pre>

<pre>
lots of text 
with new lines 
look like this
</pre>

lots of text 
with new lines 
look like this

參考： https : //developer.mozilla.org/en-US/docs/Web/HTML/Element/pre

Answer 2

無需使用假設要格式化整個字符串的<pre> ，只需將"\\n"替換為<br> ：

data.replace("\n","<br>");