如何在角度line1↵line2中显示新行

Question

我的json看起来像这样（我可以在chrome console.log中看到它）

Line 1 ↵ line 2

我需要我的html才能像这样打印

Line 1
line 2

我正在尝试这样

<address [innerHTML]="store.address"></address>

但是全部打印在一行上。

Answer 1

您应该尝试将[innerHTML]包装在<pre></pre>标记中

Answer 2

使用pre标签或CSS：

address{
  white-space: pre-wrap;
}

Answer 3

p.c {
  white-space: pre;
}

<p class="c">
This is text 1.
This is text 2.
This is text 3.
This is text 4.
</p>

使用于：

<p class="c">
This is text 1.
This is text 2.
This is text 3.
This is text 4.
</p>


p.c {
  white-space: pre;
}