angularjs – ng-table分组 – 初始化行最小化
发布时间:2020-12-17 06:54:25 所属栏目:安全 来源:网络整理
导读:我正在使用 http://plnkr.co/edit/CBcbkc中ng-table的分组示例 现在,表被初始化,扩展了行,但我希望它们最小化,因为我有超过100条记录.我怎样才能做到这一点? 解决方法 您可以使用 ngInit 将组.$hideRows设置为true: tbody ng-repeat =“$groups中的组”ng-
我正在使用
http://plnkr.co/edit/CBcbkc中ng-table的分组示例
现在,表被初始化,扩展了行,但我希望它们最小化,因为我有超过100条记录.我怎样才能做到这一点? 解决方法
您可以使用
ngInit 将组.$hideRows设置为true:
< tbody ng-repeat =“$groups中的组”ng-init =“group.$hideRows = true”> 更新 您可以为ng-repeat中创建的每个组创建一个控制器: <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 FYI <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"> 难怪你找不到初始化它的方法. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容