javascript - 使用 Angular 更改单元格的背景颜色

Question

我在我的应用程序中使用 Angular。

 <td ng-click="selectTime(this)" > 

我有一个包含很多单元格的表格，我想在选中单元格时更改单元格的背景颜色。我将当前元素 (this) 传递给我的函数 selectTime。

$scope.selectTime = function (element) {

        $(element).addClass("active");

    }



.active {
            background-color:orangered;
        }

出于某种原因，即使我添加了一个类，背景颜色也没有改变。

Answer 1

最好不要使用 jQuery 在 Controller 函数中操作 DOM。

使用 ng-class。

<td ng-click="selectTime($event)" ng-class="{'orange': event.selected, 'red': !event.selected }"> </td>

请记住将 $event 作为参数传递给您的 ng-click 指令。

你的 Controller 函数看起来像这样

$scope.selectTime = function (event) {
     $(event).selected = true;
}

此答案应归功于

Accessing clicked element in angularjs