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

Question

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

我已将以下控件添加到app.js文件

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

Answer 1

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

请参阅plunkr example

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