Dynamische Generierung von span-Tag mit Zeilenumbrüchen

Question

Während ich die json Struktur für Angular, um meine Daten richtig zu machen schaffen, habe ich einfach einen bestimmten Tag mit

</br> 

oder

  

Texten ersetzen, um um den ganzen Text in einem korrekten Format zu zeigen.

if(e.transcription.indexOf("%HESITATION")>-1) 
    e.transcription = e.transcription.replace("%HESITATION",   '); 

ODER

if(e.transcription.indexOf("%HESITATION")>-1) 
    e.transcription = e.transcription.replace("%HESITATION", </br></br>;'); 

jedoch die erzeugte Zeichenfolge wird diese Elemente als String zeigt, ist es auch nicht es machen wie erwartet oder den Text zeigen, mit der Linie entsprechend bricht.

Was ist der richtige Weg, hier zu ersetzen Zeilenumbrüche richtig in der HTML?

Ich drucke einfach diese Texte in Angular im folgenden Format;

<span class="script-text">{{thread.transcript}}</span> 

Aber die erzeugte Leistung ist

Hello </br></br> Word 
Hello &nbsp;&nbsp; Word 

Answer 1

var app = angular.module("myApp", ['ngSanitize']);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-sanitize.js"></script> 
 
<div ng-app="myApp"> 
 
<input type="text" ng-model="value"> 
 
<div ng-bind-html="value"></div> 
 
</div>

Answer 2

Sie es ng-bind-html Direktive tun können. Versuchen Sie Folgendes:

<span class="script-text" ng-bind-html="thread.transcript"></span> 

Dies erfordert ngSanitize in Ihrem Modul enthalten sein. Lesen Sie mehr in this guide.

Answer 3

Versuchen Unicode-Wert \u00A0 für