时间戳

首页 > 解决方案 > 表格中的角度单击展开行

angular - 表格中的角度单击展开行

问题描述

我在表中有以下代码：

<tr *ngFor="let lfiexport of lfilist | filter:searchText">
 <td class="text-left">{{lfiexport.desc | slice:0:100}}</td>
</tr>

如何在点击时显示 lfiexport.desc 变量的完整字符串？

标签： angularonclickrowexpand

解决方案

在我看来，您可以*ngIf根据标志进行指令并查看完整或切片的字符串

<tr *ngFor="let lfiexport of lfilist | filter:searchText">
 <td (click)="fullViewFlag= !fullViewFlag" class="text-left">
<span *ngIf="fullViewFlag">{{lfiexport.desc}}</span>
<span *ngIf="!fullViewFlag">{{lfiexport.desc | slice:0:100}}</span>
</td>
</tr>

如果只需要完全显示特定的行描述，您也可以使用索引。希望这可以帮助

推荐阅读