Блог

Главная - Вопросы по программированию - angular по щелчку развернуть строку в таблице

angular по щелчку развернуть строку в таблице

#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"> но это не работает