Angular2管道：输出原始HTML

发布时间：2020-12-17 07:42:29 所属栏目：安全来源：网络整理

导读：我正在尝试创建一个输出raw html的Angular2自定义管道.我希望它将输入中的换行符转换成 HTML换行符.如何从角度2管道输出原始HTML？以下是我当前的管道定义,但它转义了我不想要的HTML： import {Pipe,PipeTransform} from '@angular/core';/* * Converts new

我正在尝试创建一个输出raw html的Angular2自定义管道.我希望它将输入中的换行符转换成 HTML换行符.如何从角度2管道输出原始HTML？

以下是我当前的管道定义,但它转义了我不想要的HTML：

import {Pipe,PipeTransform} from '@angular/core';
/*
 * Converts newlines into html breaks
*/
@Pipe({ name: 'newline' })
export class NewlinePipe implements PipeTransform {
    transform(value: string,args: string[]): any {
        return value.replace(/(?:rn|r|n)/g,'<br />');
    }
}

答案(我刚刚发布问题后发现)不会更改管道定义中的任何内容,而是在使用管道时绑定到[innerHtml].

所以更换这个：

<div class="panel-body">
                    {{mycontent | newline}}
                </div>

有了这个：

<div class="panel-body" [innerHtml]="myContent | newline">
                </div>

如果在管道定义中有办法做到这一点会很好

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!