wandeln Sie neue Zeile/n in einen Zeilenumbruch in Winkel um

Question

Ich habe eine Zeichenfolge, die neue Zeilenzeichen/n enthalten. Versuchen,

die Zeichenfolge anzuzeigen. Anstatt/n als neue Zeile zu verwenden, wird '/ n' als Text angezeigt.

$scope.myOutput = " Hello /n" 

    {{ myOutput | textFormat }} 

Erforderlich -> Hallo (auf HTML-Seite)

Versuchte:

app.filter('textFormat', function() { 
    return function(x) { 
     return x.replace(/\\n/g, '<br/>'); 
    } 

Versuchte CSS-Stile wie white-space: pre;

Answer 1

1 - umschreiben Sie Ihre Filter nächste Weg:

.filter('textFormat', function() { 
    return function (x) { 
     return x.replace(new RegExp('\/n', 'g'), '<br/>'); 
    } 
}) 

2 - in Ihrem HTML sollten Sie die nächste Syntax:

<span ng-bind-html="myOutput | textFormat"></span> 

Wo myOutput ist $scope.myOutput = ' Hello /n'