#angular #onclick #row #expand
#angular #один щелчок #строка #Развернуть
Вопрос:
У меня есть приведенный ниже код в таблице:
<tr *ngFor="let lfiexport of lfilist | filter:searchText">
<td class="text-left">{{lfiexport.desc | slice:0:100}}</td>
</tr>
Как отобразить полную строку переменной onclick lfiexport.desc?
Комментарии:
1. Вы должны установить флаг для каждого элемента в массиве
lfilist
и переключать его по щелчку. Для каждого значения флага скройте или покажите значение с помощью канала среза и без него.
Ответ №1:
На мой взгляд, вы можете *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>
Вы также можете использовать index by, если необходимо отобразить полностью только описание конкретной строки.
Надеюсь, это поможет
Комментарии:
1. Дхарман, привет. Большое спасибо. этот работает хорошо. Не могли бы вы, пожалуйста, поделиться тем, как следует реализовать индекс для отображения только определенной строки?
2. Я попытался использовать ниже:
<tr *ngFor="let lfiexport of lfilist; let i = index | filter:searchText" [attr.data-index]="i">
но это не работает