Как изменить текст данных ячейки (в матричной таблице) на белый для всей строки, если выбран активный ряд?

Question

Я хочу изменить цвет текста, когда моя строка активна. Мне удалось изменить цвет фона в строке, но как мне найти текст в ячейках?

Я думаю, что я мог бы сделать это так же, я сделал метод подсветки, но какой целевой объект для попадания в текст строки ячейки?

Мой HTML:

<mat-row *matRowDef="let row; columns: displayedColumns" [ngClass]="{'highlight': selectedRowIndex == row.containerNo}"
                (click)="highlight(row)"
                (click)="openCentred(content)">

</mat-row>

Мой TS

selectedRowIndex: number = -1;

    highlight(row) {
        this.selectedRowIndex = row.containerNo;
    }

Мой CSS

.highlight  {
    background:#286090; /* darkblue */

  }

Есть идеи, как изменить цвет текста в строке при выборе?

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

Привет

Расм

Answer 1

Вы должны использовать row.id вместо row.containerNo.

. И чтобы изменить цвет текста, вам нужно настроить таргетинг на саму ячейку.Взгляните на этот рабочий SlackBlitz.