Angular UI 网格 - 无法屏蔽分页控件答案

【问题标题】：Angular UI grid - unable to mask pagination controlsAngular UI 网格 - 无法屏蔽分页控件
【发布时间】：2016-07-25 23:29:51
【问题描述】：

我正在使用 Angular-Bootstrap UI 网格。我想在加载数据时创建一个微调器并屏蔽网格。我使用http://plnkr.co/edit/Eq1OT49NJEGQ6wTs389K?p=preview 来创建我的微调器。但问题是当我使用分页时，使用的掩码不会屏蔽分页控件。请参阅快照。如何在分页控件上实现遮罩？

我在 app.js 文件中添加了以下控件

 vm.gridOptions.paginationPageSizes= [5,10,15];
 vm.gridOptions.paginationPageSize= 5;

【问题讨论】：

标签： css angularjs twitter-bootstrap-3

【解决方案1】：

当数据正在加载或没有数据时，您可以通过设置enablePaginationControls = false 简单地隐藏分页控件。这可以通过在 vm.loading 上设置监视来轻松实现，并且每当它发生变化时，更改 gridOptions 设置。

见plunkr example

顺便说一句，Angular UI Grid 不是引导框架的一部分，它是AngularUI Suite 的一部分。

【讨论】：