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

Angular 将\n替换为<;br>;标签6,angular,angular6,Angular,Angular6,我有一个REST API,其中有\n作为反斜杠标记,angular 6可以用标记替换它们吗 这是我的密码: {{x.deskripsi}} 我尝试使用,但我不知道如何在{{}标记中使用绑定。我试着用 <p ng-bind-html="x.deskripsi | nl2br"></p> 但它不起作用。有什么帮助吗? 提前谢谢。你不需要图书馆。只需将标签的空白属性设置为预包装(或使用 import { Pipe, PipeTransform } f

我有一个REST API,其中有
\n
作为反斜杠标记,angular 6可以用

标记替换它们吗

这是我的密码:

{{x.deskripsi}}
我尝试使用,但我不知道如何在
{{}
标记中使用绑定。我试着用

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

但它不起作用。有什么帮助吗?

提前谢谢。

你不需要图书馆。只需将标签的
空白
属性设置为
预包装
(或使用

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({name: 'replaceLineBreaks'})
export class ReplaceLineBreaks implements PipeTransform {
transform(value: string): string {
      return value.replace(/\n/g, '<br/>');
   }
}
#格式化{
空白:预包装;
}


Lorem\nIpsum
您可以使用管道进行相同的操作:

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

这是内部html的工作方式我尝试正确地使用此代码
它的工作方式,但是当我尝试使用绑定数据时,我尝试使用
pure:false
仍然不起任何作用。您在段落标记上绑定的数据类型我认为段落标记本身不包含任何标记。请查看此链接:
https://googleweblight.com/i?u=https://www.quackit.com/html/tags/html_p_tag.cfm&hl=en-在
中。不确定,但段落中不支持某些标记tags@SlimenTN并不是所有的东西都是JS,在制作一个资源消耗解决方案之前,总是尝试用CSS或HTML来解决它!完全同意你的观点:)太好了!非常感谢。CSS解决方案,一个伟大的解决方案!!!