html - 当一个单元格悬停在上面时，有没有一种方法可以将一个类添加到 ng-repeat 中的一行？

Question

如果我有这样的 HTML:

<div style="display: table">
   <div style="display: table-row; border-collapse: separate; border-spacing: 2px;"
        ng-class="{clicked: row.current == true}"
        ng-click="home.rowClicked($index)"
        ng-dblclick="ctrl.rowDoubleClicked(row)"
       ng-repeat="row in home.grid.data">
      <div style="display: table-cell">{{ row.abc }}</div>
      <div style="display: table-cell">{{ row.def }}</div>
   </div>
</div>

有没有一种方法可以在用户将鼠标悬停在两个 div 中的任何一个上时更改行的类？请注意，我只是添加了内联 CSS，以便人们可以看到我正在使用 display: table-row。

我想这样做的原因是，当用户将鼠标悬停在该行中的一个单元格上时，我想更改一行中所有单元格的背景颜色。如果有其他方法可以做到这一点，那么我欢迎任何建议。

Answer 1

例如可以通过 jQuery 添加类。但在你的情况下，只需将你的表行添加到任何类，例如。 row 并将此行添加到您的 .css 文件中:

.row:hover {backgroud-color: yellow;}