Как идентифицировать ссылки в абзаце и сделать их кликабельными Angular 2

У меня есть абзац строк, содержащих ссылки. Ссылки должны быть кликабельными и перенаправлять пользователя на определенные страницы. Я написал пользовательский канал, но здесь не хватает смысла.

Пытался:

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 http://sentinal.com et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium 

Результат:

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.

Как мы видим, www.sentinal.com и http://sentinal.com на самом деле не конвертируются. добавлен тег h, но это не то, что мне нужно. Любая идея, ребята, как этого достичь. Я не могу использовать библиотеку Urlify, я хочу написать ее в своих собственных кодах. заранее спасибо