2014-07-19 58 views
1

我只能在ng-Table中一次只顯示一個打開的行。目前,如果一行被打開,那麼它將保持打開狀態,直到用戶手動將其摺疊。隨着每個新行的打開,顯示的數據越來越多。ng-Table分組:一次只打開一行

我正在使用此代碼來啓動所有行關閉的表,但我很難保持只有一行關閉。

app.controller('groupCtrl', function($scope) { 
    $scope.group.$hideRows = true; 
}); 

此plunkr顯示迄今的進度(http://plnkr.co/edit/2ABVrN?p=preview)。

泰德

回答

2

的想法來傳遞所有組個體羣控制器和摺疊所有展開的基團,除了選擇

查看HTML:

<tbody ng-repeat="group in $groups | orderBy:'value'" sortable="'sortletter'" 
    ng-controller="groupCtrl"> 
    <tr class="ng-table-group"> 
    <td colspan="{{$columns.length}}"> 
     <a href="" ng-click="switchGroup(group, $parent.$groups)"> 

groupCtrl:

app.controller('groupCtrl', function($scope) { 
    //console.log($scope); 
    $scope.group.$hideRows = true; 
    //  console.log("scope.group.$hideRows"+$scope.group.$hideRows); 

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

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

Plunker