Javascript 如何识别段落中的链接并使其可点击2_Javascript_Angular

Javascript 如何识别段落中的链接并使其可点击2

javascript angular

Javascript 如何识别段落中的链接并使其可点击2,javascript,angular,Javascript,Angular,我有一段包含链接的字符串。链接必须是可点击的，并将用户重定向到特定页面。我已经编写了自定义管道，但我没有抓住要点尝试： import { Pipe, PipeTransform } from '@angular/core'; import { DecimalPipe } from '@angular/common'; @Pipe({ name: 'urlify' }) export class UrlifyPipe implements PipeTransform {

我有一段包含链接的字符串。链接必须是可点击的，并将用户重定向到特定页面。我已经编写了自定义管道，但我没有抓住要点

尝试：

import {
  Pipe,
  PipeTransform
} from '@angular/core';
import {
  DecimalPipe
} from '@angular/common';

@Pipe({
  name: 'urlify'
})

export class UrlifyPipe implements PipeTransform {

  transform(text: any): any {
    var urlRegex = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
    return text.replace(urlRegex, function(url) {
      return '<a href="' + url + '">' + url + '</a>';
    });
  }
}

结果:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo www.sentinal.com. Aenean massa. Cum sociis <a href="http://sentinal.com">http://sentinal.com</a> et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Lorem ipsum door sit amet，继续成为一名精英。Aenean commodo www.sentinal.com。埃尼安·马萨。在社会和精神病院分娩的婴儿中，有一种被嘲笑的感觉。Donec quam felis、ultricies nec、pellentesque eu、pretium quis、sem。这是一个很好的例子。

正如我们所看到的，www.sentinal.com并没有真正转化。添加了一个h标记，但这不是我想要的。你知道怎么做到吗。我不能使用Urlify库，我想用我自己的代码编写它。提前谢谢你应该这样做

我们必须使用innerHtml，这样它将呈现html格式标记

您应该这样做

我们必须使用innerHtml，这样它将以何种方式呈现html格式标记

？像这样{code>{my_model | urlify}？是的。我这样称呼我的烟斗，你是怎么称呼它的？像这样{code>{my_model | urlify}？是的。我这样叫我的烟斗

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo www.sentinal.com. Aenean massa. Cum sociis <a href="http://sentinal.com">http://sentinal.com</a> et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.