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