javascript - 如何选择/取消选择表中的行？

Question

我在表中的每一行都有事件ng-click()。如果我单击表格行并在双击后删除类，如何添加类new？我尝试创建一个数组，其中包含每个键的 true/false 值:

查看

<div ng-repeat="i in list">
     <div ng-click="select(i)"></div>
</div>

脚本

$scope.select = function(obj){
    $scope.selected[obj.id].show = true;
}

$scope.delete = function(obj){
    $scope.selected[obj.id].show = false;
}

Answer 1

单击对象时可以向对象添加属性。

尝试下面的代码片段并单击一行。它将向对象添加属性selected。

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.list = [{
    "name": "A",
    "description": "foo"
  }, {
    "name": "B",
    "description": "fooo"
  }];
  $scope.select = function(i) {
    if (i.selected === undefined)
      i.selected = false;
    i.selected = !i.selected;
  }
});

.new {
  background-color: orange;
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">

  <div ng-repeat="i in list">
    <div ng-click="select(i)" ng-class="{'new': i.selected}">
      {{i.name}} - {{i.description}}
    </div>
  </div>

</div>