使用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()来暗化每列的颜色。