javascript - 每次只能在我的桌子上看到一个区域

我正在尝试使用Angular创建的this表。

如您所见，它已将每个元素分为不同的组，您可以打开或关闭它们。

我想要实现的是始终只有一个可见的组，因此当我切换一个组时，打开的组将关闭，仅使该选定的组可见。

我不确定如何遍历所有其余组并将hide变量设置为true。

如何才能做到这一点？

最佳答案

使用隐藏其他行并仅扩展单击的方法

$scope.switchGroup = function(group, groups){
if(group.$hideRows){
  angular.forEach(groups, function(g){
    if(g !== group){
      g.$hideRows = true;
    }
  });
}

group.$hideRows = !group.$hideRows;
};

它在这里解释ng-Table Grouping: Open only row at a time

您可以检查我已修改http://plnkr.co/edit/KVrOM7SEVReSYvlJFzva?p=preview的该Plunker