如何将URL单元格文本转换为小链接，将其作为URL打开？

Question

如何在单元格文本上单击以角7在URL浏览器上打开时将其转换为链接？

我在单元格显示URL的文本框内有filneURL文本列的单元格文本，>

我需要转换文本或将文本替换为链接，然后在按下它时直接将其重定向到URL。

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>
样本数据

RevisionId   offilneURL
122345       https://source.z2data.com/2019/1/13/8/55/47/351/662203977/21527_SPCN.PDF
             display text as link url
确切地显示数据的当前状态我应该是：

RevisionId   offilneURL
    122345       URL link
单击时的小快捷方式名称将重定向到上面的链接URL。由于两个原因，我需要将其设置为URL：

首先，它占用太多空间。

第二，我可以直接单击链接，而无需复制和过去的URL浏览器。

更新

通过{{rep.offilneURL}}访问每个链接上的URL

您能告诉我如何传递{{rep.offilneURL}}并以短名称作为url打开说明

如何在以角度7在URL浏览器中打开时，如何将单元格文本转换为链接？我在单元格显示URL内有offilneURL列的单元格文本作为文本，我需要转换文本或替换...

Answer 1

首先，js中没有新闻起源事件，但是您可以使用click事件，例如dom.Click = function（e）{}。您可以在参数e中获取url文本，然后调用window.open（URL）进行跳转