Angular2管道:输出原始HTML

前端之家收集整理的这篇文章主要介绍了Angular2管道:输出原始HTML前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试创建一个输出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(/(?:\r\n|\r|\n)/g,'<br />');
    }
}
答案(我刚刚发布问题后发现)不会更改管道定义中的任何内容,而是在使用管道时绑定到[innerHtml].

所以更换这个:

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

有了这个:

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

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

原文链接:https://www.f2er.com/angularjs/142857.html

猜你在找的Angularjs相关文章