最佳答案
使用简单的正则表达式修改 HTML 内容有很多问题。
这是一种使用 linkifyjs 的方法模块,你需要 npm install
。请注意,输入被视为纯文本,而输出是 HTML 文本。
import { Pipe, PipeTransform } from '@angular/core';
import linkifyStr from 'linkifyjs/string';
@Pipe({name: 'linkify'})
export class LinkifyPipe implements PipeTransform {
transform(str: string): string {
return str ? linkifyStr(str, {target: '_system'}) : str;
}
}
注意:如果您需要指定 target
属性,请添加例如。 {target: '_system'}
作为 linkifyStr
的第二个参数。
关于Angular2 将纯文本转换为 url( anchor 链接)的方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39276617/