Javascript 如何从xml响应字符串生成新行

我从一个API获取数据，该API返回XML，我已经将其转换为json，因为我使用angularjs，我需要的字段，存储歌曲歌词，它使用了这个符号

↵任何时候都应该转到新行。
<pre>{{lyrics}}</pre>

例如：

You shout it loud↵But I can’t hear a word you say↵I’m talking loud, not saying much↵↵I’m criticized but all your bullets ricochet↵You shoot me down, but I get up

上面的例子是我在使用
console.log（）时得到的，但当我将此字段显示到HTML页面时，它只是一个没有
↵在其中。我不知道为什么它不能在HTML中显示，如果这是一个新的行，它就不会发生

我正在考虑替换
↵与

可以吗？如果你们能帮我，我会很感激的

更新：
我使用angularjs并用lyric填充模型，并在html中用{{lyric}}显示它

但正如您在图中所看到的，当我使用console.log（$scope.lyric）字符串时，它的格式很好，但当我用HTML显示相同的模型时，它是这样的

简单regexr字符串替换应注意：


var str=”你大声喊出来↵但我一个字也听不见你说↵我在大声说话，没说什么↵↵我被批评了，但你的子弹都弹回来了↵你击倒我，但我站起来；
var formatted=str.replace(/↵/ig，“
\n”）；
console.log（格式化）；
文件。编写（格式化）简单regexr字符串替换应注意：


var str=”你大声喊出来↵但我一个字也听不见你说↵我在大声说话，没说什么↵↵我被批评了，但你的子弹都弹回来了↵你击倒我，但我站起来；
var formatted=str.replace(/↵/ig，“
\n”）；
console.log（格式化）；
文件。编写（格式化）我刚想出来，我会让你知道它是如何工作的，以防其他人遇到同样的问题：

当我展示这样的歌词时：

<p>{{lyric}}</p>

{{lyric}


它忽略了我的新台词。但当我使用这个：

{{歌词}

它起作用了
 我只是想弄明白，如果其他人遇到同样的问题，我会让你知道它是如何工作的：

当我展示这样的歌词时：

<p>{{lyric}}</p>

{{lyric}


它忽略了我的新台词。但当我使用这个：

{{歌词}

它起作用了
 谢谢，你的方法是正确的，应该可以工作，但我不知道为什么在我的html中它不显示新行，即使在我的控制台日志中格式良好，它以新行显示，我怀疑可能在angularjs中情况有所不同，我用歌词填充模型并像{{lyric}一样显示，但是它没有格式化，也没有显示新的行。我只是更新我的问题并从我的控制台添加一张照片，知道吗？它似乎没有添加

标记。能否显示用于修改字符串的代码？$scope.myLyric=vm.lyric.response.replace(/↵/ig，“
\n”）；vm.lyric.response包含歌词文本谢谢，你的方法是正确的，应该可以工作，但我不知道为什么在我的html中它不显示新行，即使在我的控制台日志中格式良好，它以新行显示，我怀疑可能在angularjs中情况有所不同，我用歌词填充模型并像{lyric}一样显示它，但是它没有格式化，也没有显示新的行。我只是更新我的问题并从我的控制台添加一张照片，知道吗？它似乎没有添加

标记。能否显示用于修改字符串的代码？$scope.myLyric=vm.lyric.response.replace(/↵/ig，“
\n”）；vm.lyric.response包含歌词文本