Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过单击更改单元格颜色_Javascript_Html_Css_Angularjs - Fatal编程技术网

Javascript 通过单击更改单元格颜色

Javascript 通过单击更改单元格颜色,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,当我点击我的按钮时,我已经更改了单元格的颜色,但当我第二次点击时,我的颜色单元格没有保留 我希望当我第二次点击另一个按钮时,我的第一个单元格保持颜色 第一次单击: 第二次单击: HTML: JS: 您可能需要创建一个数组以保持选定的单元格,从而更改背景颜色。 此外,您还需要更改ng click函数以检查数组,并实现以下逻辑“如果选中的单击行有记录,则将其bg颜色更改为黄色”您需要执行类似操作 <td ng-repeat="group in groups" ng-class="{'sel

当我点击我的按钮时,我已经更改了单元格的颜色,但当我第二次点击时,我的颜色单元格没有保留

我希望当我第二次点击另一个按钮时,我的第一个单元格保持颜色

第一次单击:

第二次单击:

HTML:

JS:


您可能需要创建一个数组以保持选定的单元格,从而更改背景颜色。
此外,您还需要更改ng click函数以检查数组,并实现以下逻辑“如果选中的单击行有记录,则将其bg颜色更改为黄色”

您需要执行类似操作

<td ng-repeat="group in groups" ng-class="{'selected': check == group.title}" ng-click="select(group)">{{group.title}}</li>
内部控制器

$scope.check = '';

$scope.select = function (group) {
    $scope.check = group.title
};

请看这篇文章,我已经更新了我的答案。。希望这是你想要的
scope.moveLeft = function (index, group) {
                move(scope.properties, group.id, index, 'left');
            };

            scope.moveRight = function (index, group) {
                move(scope.propertiescible, group.id, index, 'right');
            };

            var move = function (properties, groupId, origin, destination) {
                unregister();
                var value;
                if (destination === 'right') {
                    scope.selectedRowRight = origin;
                } else {
                    scope.selectedRowLeft = origin;
                }
...
<td ng-repeat="group in groups" ng-class="{'selected': check == group.title}" ng-click="select(group)">{{group.title}}</li>
.selected {
    background: 'red';
}
$scope.check = '';

$scope.select = function (group) {
    $scope.check = group.title
};