javascript - 两次 ng-click，ng-repeat 中的两个类别不同，具体取决于单击的选项

Question

我有两个按钮，它们应该在 ng-repeat 上删除一个 div，但是根据按钮必须添加一个自定义的 css 类来达到效果，这取决于 css 更改的选项。

如果我点击按钮应该在第一张卡片上添加类拒绝或接受并删除卡片，现在我正在通过 .pop () 删除卡片但不添加类。如果我删除 $scope.matches.pop();添加类但显然不要删除卡片，如果我保留该行，请不要添加 css 类。

笨蛋:http://plnkr.co/edit/go54DQMsPdsRcssLeZZ5?p=preview

我正在使用以下代码:

<td-card ng-class="{reject : rejectShow(match), accept : acceptShow(match)}" ng-repeat="match in matches track by $index" class="cards card-{{$index}}" > 
    <div class="content">content</div>
</td>

<button class="button" ng-click="reject(match)">
    button reject
</button>

<button class="button" ng-click="accept(match)">
    button accept
</button>

AngularJS 代码:

var shownAccept = false
var shownReject = false
var className = 'initClass';

$scope.accept = function(match) {
    console.log('accept button')
    $scope.matches.pop();
    shownAccept = match;
}

$scope.reject = function(match) {
    console.log('reject button')
    $scope.matches.pop();
    shownReject = match;
}

$scope.rejectShow = function(match) {
    return angular.equals(shownReject, match);
}

$scope.acceptShow = function(match) {
    return angular.equals(shownAccept, match);
}

附言。我正在寻找不使用 jquery 的选项

Answer 1

使用变量$scope.selectedIndex

每当你点击更新时:$scope.selectedIndex = $index