Wie man eine neue Zeile aus einem XML-Antwortstring erstellt

Question

Ich bekomme meine Daten von einer API, die XML zurückliefern, ich konvertiere es bereits in json, weil ich angularjs, das Feld, das ich brauche, Song-Texte speichern und es verwendet dieses Symbol ↵ wenn es jemals zu neuer Zeile gehen sollte. zum Beispiel:

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 

Beispiel oben ist etwas, das ich bekomme, wenn ich console.log() verwenden, aber wenn ich zeige, um dieses Feld zu meiner HTML-Seite, es ist nur String ohne ↵ drin. Ich weiß nicht, warum es nicht in HTML zeigt, und wenn es etwas ist, um neue Zeile zu machen, passiert es nicht.

Ich dachte, ↵ durch <br /> zu ersetzen ist es möglich? Ich werde es schätzen, wenn ihr mir dabei helfen könnt.

UPDATE: Ich benutze AngularJS und das Modell mit lyrischem füllen und zeigen Sie sich mit {{lyrischer}} in meinem html

aber wie Sie im Bild sehen können, wenn ich console.log ($ Bereich zu verwenden. Lyrik) string ist gut formatiert, aber wenn ich zeigen das gleiche Modell in HTML, es ist wie dieses

Answer 1

ich meine, es einfach aus, lasse ich Sie wissen, wie es mit dem gleichen Problem bei jemand anderes Gesicht funktioniert:

wenn ich lyrisch wie diese zeigen:

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

es meine neue Linien ignoriert . aber wenn ich das benutze:

<pre>{{lyrics}}</pre> 

es funktioniert!

Answer 2

Einfache regexr String ersetzen soll sich darum kümmern:

var str = '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'; 
 

 
var formatted = str.replace(/↵/ig, "<br/>\n"); 
 

 
console.log(formatted); 
 
document.write(formatted);

Der regexr findet alles, was den Charakter zwischen den / Zeichen übereinstimmt und ersetzt sie mit einer Standard-Newline \n und einen HTML-Tag line <br/>. Die i und g Flags bedeuten Case Insensitive bzw. Search Global.

Case Insensitive fängt die Zeichen, auch wenn sie in einem anderen Fall sind. Search Global bedeutet, dass wenn Sie eine mehrzeilige Zeichenfolge eingeben, diese in allen Zeilen und nicht nur in der ersten Zeile ersetzt wird.