Javascript 角度不为'；不要显示换行符

我正在使用C#应用程序开发一个角度传感器。我有一些只读组件，用于显示数据库中保存的数据。例如，我在Textarea组件中放入以下文本：

hello 

there




hello

这就是空间。然后它将正确地保存在数据库中。因为当我选择编辑时，文本将正确显示。但是在我保存文本并选择文本的细节之后。那么alinea没有正确显示。因为alinea已经被移除了

我尝试了

，但是文本的格式会正确，但是会破坏布局

  <pre>
    <afw-readonly [resources]="resources" fieldResourceKeyPrefix="beschrijving"
      [fieldValue]="learningPathDetails.description" [enableHtml]="false" 
      [readMoreCharLimit]="300"
      ></afw-readonly>
  </pre>

因此，如果我这样做：

然后格式将正确显示。但是布局被破坏了

那么如何纠正这一点呢？谢谢

.margins*{
保证金：5px0；
}
.真正的预{
边框：1px纯红；
}
.模拟预处理{
边框：1px纯紫色；
空白：行前；
}
.没有预告{
边框：1px纯黑；
}