将\ n替换为<br>标签angular 6

Question

我有剩下的api惠特/n代码，可以用<br>标签替换angular 6

这是我的代码：

{{x.deskripsi}}

我尝试使用https://www.npmjs.com/package/angular-nl2br-filter

但是我不知道如何与{{}}标签内部绑定一起使用

我尝试使用此代码

<p ng-bind-html="x.deskripsi | nl2br"></p>

但不起作用

有什么帮助吗？

之前感谢

Answer 1

您不需要图书馆。只需将white-space标签的属性设置为pre-wrap（或使用<pre>默认情况下应具有此样式的标签）

document.querySelector('#formatted').innerText = 'Lorem\nIpsum';

#formatted {
  white-space: pre-wrap;
}

<div id="formatted"></div>
<div>Lorem\nIpsum</div>

Answer 2

您可以将管道用于相同的用途：

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({name: 'replaceLineBreaks'})
export class ReplaceLineBreaks implements PipeTransform {
transform(value: string): string {
      return value.replace(/\n/g, '<br/>');
   }
}

该管道必须包含在您的@NgModule声明中才能包含在应用程序中。要在模板中显示HTML，可以使用绑定innerHTML。

<p [innerHTML]="x.deskripsi | replaceLineBreaks"></p>