Angular ngRepeat collapse div

Question

当我点击ng-repeat中的一个div时，它会运行一个函数。它会打开div，以便您获得有关它的更多信息。当我点击ng-repeat中的另一个div时。它将关闭所有其他div并打开所选的div。

我怎么能说当我点击同一个div时，它也会关闭那个div，以便所有的div都关闭。

这是我的代码：

角：

   $scope.setSelected = function(index) {
        $scope.selectedIndex = index;
    };

HTML：

ng-click="setSelected($index);" ng-class="{ 'selectedBox': $index == selectedIndex }"

Answer 1

使用此：

$scope.setSelected = function(index) {
        $scope.selectedIndex = $scope.selectedIndex == index ? -1 : index;
};

Answer 2

您可以在setSelected添加支票吗？

$scope.setSelected = function(index) {
    $scope.selectedIndex = $scope.selectedIndex === index ? null : index;
};