从Mat表角度隐藏空行

Question

我有应用程序为angular 13我使用mat表，我想显示图标下载文件，但我想隐藏这个图标时，链接还不存在。html代码

</ng-container>
<ng-container matColumnDef="fileUrl">
<th mat-header-cell *matHeaderCellDef> url </th>
<td mat-cell *matCellDef="let element"> <a [href]="setFile(element.fileUrl)" target="_blank"><i class="fas fa-file-pdf"></i></a></td>
</ng-container>

Ts代码:

setFile(url:string) {
if(url !=null){
this.DisplayFileUrl=this.congesService.getFilePath(url)
return this.DisplayFileUrl
}

有人能帮我一下吗认为

Answer 1

试试这个:

setFile(url:string) {
if(url !=null){
this.DisplayFileUrl=this.congesService.getFilePath(url)
return this.DisplayFileUrl
} else return null; 
}

在你的html中:

<ng-container matColumnDef="fileUrl">
<th mat-header-cell *matHeaderCellDef> url </th>
<td mat-cell *matCellDef="let element"> <a *ngIf="setFile(element.fileUrl)" [href]="setFile(element.fileUrl)" target="_blank"><i class="fas fa-file-pdf"></i></a></td>
</ng-container>

ngIf变魔术了!

问候,弗洛