如何从数据内容列名称offilneURL中删除纯文本URL？

Question

我面临无法隐藏或删除的问题 URL 以纯文本形式存在于列名称 offilneUrl

我已经按照 link 做了，所以不需要 URL 以上

的纯文本

所以我需要隐藏或删除或清空 URL 字页 link 上方的纯文本。

 <tbody>
                  <ng-container *ngFor="let repcon of ReportControl">

                    <tr *ngFor="let rep of contentBody">

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


                        <span> 

                          {{rep[coln]}}
                        </span>
                        <div *ngIf="coln==repcon.fieldName">


                          <div *ngIf="repcon.columnType==1">

                            <a (click)="goToLink(rep.offilneURL)">page link</a>
                         </div>
                        </div>

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

                </tbody>

我尝试如下 {{rep.offilneURL || " "}} 但它在每一行

下重复离线 URL

所以我如何解决问题

查看下面带有绿色文字的图片，我需要将其删除，因为它 .

post 已更新

ts 文件的内容正文结构

this._displayreport.GetReportDetailsPaging(this.searchData).subscribe((data: any[]) => {

        this.reportdetailslist = data;
       this.headerCols = Object.keys(data[0]);
      this.contentBody = data;

      });

内容主体的数据结构：

companyName: "Innovasic, Inc."
done: "0"
notImpacted: "0"
notificationDate: "2009-11-12"
offilneURL: "https://source.z2data.com/2019/1/13/8/55/47/351/662203977/21527_SPCN.PDF"
onlineURL: "N/A"
pending: "3"
reportDate: "2020-05-07"
revisionID: "272299243"
teamName: "MFG"
totalCount: 79

已经有link

已更新post

https://stackblitz.com/edit/create-4ud1rg?file=app%2Fapp.component.html

根据我的结构我需要改变

<span *ngIf="coln != 'onlineURL'"> 
  {{rep[coln]}}
</span>

到

<span *ngIf="coln != 'repcon.filedName'"> 
      {{rep[coln]}}
    </span>

Answer 1

根据您分享的内容主体结构和逻辑，您可以隐藏link如下。

基于逻辑==>

<span *ngIf="repcon.columnType!=1"> 
  {{rep[coln]}}
</span>

我认为你是根据条件 repcon.columnType==1 显示 link，所以检查 converse 以隐藏离线 link。

这也可以用其他方式处理。

基于结构==>

<span *ngIf="coln != 'onlineURL'"> 
  {{rep[coln]}}
</span>

希望对您有所帮助。

Answer 2

只是因为：

<span>
  {{rep[coln]}}
</span>

仍然显示该值，所以只是隐藏它 if 该列是 url

<span *ngIf="repcon.columnType != 1">
  {{rep[coln]}}
</span>

如何从数据内容列名称offilneURL中删除纯文本URL？

How to remove plain text URL from data content column name offilneURL?

javascript

angularjs

typescript

angular-components

angular7