I have a string which contain new line character /n. Trying to display
the string. Instead of taking the /n as new line, it displays '/n' as text.
$scope.myOutput = " Hello /n"
{{ myOutput | textFormat }}
Required -> Hello (on html page)
Tried :
app.filter('textFormat', function() {
return function(x) {
return x.replace(/\\n/g, '<br/>');
}
Tried css styles like white-space: pre;
This does not replace it, but you can use the CSS attribute white-space: pre-line;
to render the \n in the browser:
https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
div {
white-space: pre-line;
}
<div>Foo
Bar
Baz Foo
Bar
Baz
</div>