Развернуть и свернуть иконки для коврика с гармошкой - угловой - PullRequest
Новая
       21

Развернуть и свернуть иконки для коврика с гармошкой - угловой

0 голосов
/ 09 июля 2019

Я использую общий компонент для отображения таблицы с аккордеоном. Я как-то достиг функциональности, которая работает нормально. Но я сталкиваюсь с проблемой с иконками раскрытия и свертывания. когда я нажимаю на конкретную строку, я хочу, чтобы изменялся только значок этой строки. Но все значки во всех строках изменены. 

    <mat-icon *ngIf="col.columnDef == ' ' && !expanded">
      {{ expandedElement ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }}
    </mat-icon>

Stackblitz: https://stackblitz.com/edit/angular-yr45pl

Заранее спасибо.

1 Ответ

1 голос
/ 09 июля 2019

Пожалуйста, исправьте свою строку 24 в table.component.html до: 

{{ expandedElement !== row ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }}
...