将新行/ n转换为有角度的换行符

时间:2017-12-07 21:59:54

标签: css angularjs whitespace angular-filters linefeed

我有一个包含换行符/ n的字符串。试图显示

字符串。它不是将/ n作为新行,而是将“/ n”显示为文本。

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

必需 - &gt;您好(在html页面上)

试过:

img.src

尝试过css样式,例如white-space:pre;

2 个答案:

答案 0 :(得分:3)

这不会取代它,但您可以使用CSS属性white-space: pre-line;在浏览器中呈现\ n: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

div {
  white-space: pre-line;
}
<div>Foo
   Bar
       Baz     Foo
     Bar
 


     
  Baz
</div>

答案 1 :(得分:0)

1 - 下一步重写你的过滤器:

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

2 - 在你的html中你应该使用下一个语法:

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

myOutput$scope.myOutput = ' Hello /n'

的位置