angularjs - ng-table 分组 - 用最小化的行初始化

Question

我正在使用来自 http://plnkr.co/edit/CBcbkc 的 ng-table 的分组示例

现在该表初始化为行扩展，但我希望它们最小化，因为我有 100 多条记录。我怎样才能做到这一点？

Answer 1

您可以设置 group.$hideRows使用 ngInit 为真:
<tbody ng-repeat="group in $groups" ng-init="group.$hideRows = true">
更新
我想找到一个更好的解决方案，因为 Angular 文档不鼓励使用 ngInit 访问范围变量。

您可以为 ng-repeat 中创建的每个组创建一个 Controller 。 :

<tbody ng-repeat="group in $groups" ng-controller="groupCtrl">

然后，您可以直接访问组对象。这样做的一个优点是能够有条件地扩展一个组:

.controller('groupCtrl', function($scope) {
  if ($scope.group.value != 'Administrator')
    $scope.group.$hideRows = true;
});

http://plnkr.co/gXfsBq

仅供引用
我想知道为什么我找不到对 $hideRows 的任何引用。在来源。事实证明，组对象没有 $hideRows属性，直到它被点击。为了证明这一点，我替换了 $hideRows有一个虚构的名字，它的工作原理是一样的。

  <tbody ng-repeat="group in $groups">
    <tr class="ng-table-group">
      <td colspan="{{$columns.length}}">
        <a href="" ng-click="group.invokeInvisbility = !group.invokeInvisbility">
          <span class="glyphicon" ng-class="{ 'glyphicon-chevron-right': group.invokeInvisbility, 'glyphicon-chevron-down': !group.invokeInvisbility }"></span>
          <strong>{{ group.value }}</strong>
        </a>
      </td>
    </tr>
    <tr ng-hide="group.invokeInvisbility" ng-repeat="user in group.data">

难怪你找不到初始化它的方法。