API响应的字符串无法显示断路线，但是硬码字符串可以显示断路线

Question

美好的一天，

我将Angular 8用作前端，而Java API服务作为我的后端。

我需要从后端检索一些字符串，并且该字符串将在两者之间具有\ n，例如： pin＆gt;＃＃reload。

“指令：\ n1。键在122＆lt; 16 digit \ nreload 设置此字符串值如下：

this.str = this.apiRes.responseMsg1;
console.log("this.str : " + this.str);

这将为我提供指令：\ n1。 为1行

在HTML中显示，如果我将此字符串硬编码

this.str = "Instructions:\n1. Key in 122<16 digit \nreload pin># to reload.\n2. Press SEND/CALL from";
console.log("this.str : " + this.str);

，例如：它将给我：

Instructions:
1. Key in 122<16 digit 
reload pin># to reload.
2. Press SEND/CALL from 

的。

这是我想要 在Google中找到这个答案，但是

我可以知道为什么会发生这种情况？

Answer 1

html忽略\ n线路断裂。基本上，您有两个选择可以解决此问题：

1. 用＆lt; br＆gt; elements替换销售线断裂。
2. 将CSS 白空间的线添加到显示您的字符串的HTML元素中。