How to convert URL cell text as small link when press on it

Question

How to convert cell text as link when press on it open on URL browser on angular 7 ?

I have cell text for column offilneURL text inside cell display URL as text

I need to convert text or replace text with link then when press on it redirect to URL direct .

component.html

<tbody>
<ng-container *ngFor="let repcon of ReportControl">
<ng-container *ngFor="let repdata of ReportData">
<tr *ngFor="let rep of reportdetailslist">

<td *ngFor="let coln of headerCols">


<span>


{{rep[coln]}}
</span>
<div *ngIf="coln==repcon.fieldName">
<div *ngIf="repcon.columnType==1">
display text as link url
</div>

</div>
</td>
</tr>
</ng-container>
</ng-container>
</tbody>

Sample data

RevisionId offilneURL
122345 https://source.z2data.com/2019/1/13/8/55/47/351/662203977/21527_SPCN.PDF

display text as link url

Above exactly current status of data I Expected to be :

RevisionId offilneURL
122345 URL link

Small shortcut name when click on it redirect to link URL above . I need to make as URL for two reason :

first is it take too much space .

second i can click link direct without copy and past URL browser .