每次只在我的 table 中保留一个部分可见

Question

我正在试验用 Angular 创建的 this table。

如您所见，每个元素都分为单独的组，您可以打开或关闭这些组。

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

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

如何做到这一点？

Answer 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

你可以查看我修改过的这个Plunker http://plnkr.co/edit/KVrOM7SEVReSYvlJFzva?p=preview

每次只在我的 table 中保留一个部分可见

At each time keep only one section visible in my table

javascript

angularjs

angular-material