点击角度展开表格中的行

问题描述

我在表中有以下代码

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

如何显示lfiexport.desc变量onclick的完整字符串?

解决方法

我认为您可以*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>

如果仅需要完全显示特定的行描述,则还可以利用索引。 希望对您有帮助