Textarea存储和显示换行符

Question

我有一个Angular 2应用，并且使用了textarea：

<textarea [(ngModel)]="value"></textarea>

该值通过REST Api发送到服务器。但是当我想显示时已经在应用程序中了：

{{value}}

它不会显示换行符。我该怎么做？它应该显示换行符，并确保这些换行符也保存在模型中。

Answer 1

这更多是HTML问题。在white-space属性上播放（默认情况下，pre标签具有该属性）：

const tags = [...document.querySelectorAll('#pre, #formatted, #unformatted')];
tags.forEach(tag => tag.innerHTML = "Content\nWith a line break & return");

#formatted {
  white-space: pre-wrap;
}

<p>in a pre tag : </p>
<pre id="pre"></pre>

<p>in a formatted tag : </p>
<div id="formatted"></div>

<p>in a unformatted tag : </p>
<div id="unformatted"></div>

Answer 2

<textarea  style="white-space: pre;" [(ngModel)]="value"></textarea>

您的值可能是这样的：

value = "1234\n5678"

“ \ n”作为换行符