Затеняет текущий фоновый цвет динамически с помощью AngularJS

Question

Ситуация: У меня есть таблица с разными цветами фона для каждой строки.
Проблема: Когда я сортирую строки по столбцу, я хотел бы немного затемнить каждый <td> из этой колонки на основе background-color строки. До сих пор у меня что-то вроде этого:

<tr ng-repeat='row in rows' ng-class="rowClass(row)"> 
    <td ng-repeat=column in columns" 
     ng-style="{'background-color': (isSortedBy(column.key)) ? 'rgba(0, 0, 0, 0.05)' : ''}"> 
    {{column.text}} 
    </td> 
</tr> 

То, что я сейчас просто изменить цвет на серый (0,05 черного). Я не могу понять, как получить текущий цвет фона <td>, добавьте 0.05 черных над ним и примените новый background-color. В моем проекте я использую файлы sass, если это может помочь.

Answer 1

Я думаю, что было бы проще просто применить класс sorted, а затем сделать стилизацию с помощью CSS.

ng-class="{'sorted': (isSortedBy(column.key)) }

Легче поддерживать, если все стайлинг управляется через CSS.

Затем вы можете использовать SASS darken(), чтобы затемнить цвета для каждого столбца.