每次只能在我的表格中看到一个部分

时间:2015-08-10 11:02:06

标签: javascript angularjs angular-material

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

正如您所看到的,它将每个元素分成不同的组,您可以打开或关闭它们。

我想要实现的是只有一个组始终可见,因此当我切换一个组时,打开一个组将关闭,只留下所选的组。

我不知道如何迭代所有剩余的组并将 hide 变量设置为true。

如何做到这一点?

1 个答案:

答案 0 :(得分:1)

使用隐藏其他行的方法,仅展开单击的

$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