有时我有一个可以接收这样的文本的组件:
文字www.website.com
但是,如果它是一个链接,我想将其转换为URL。像这样。
使用简单的正则表达式来修改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
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句