具有分页的AngularJS ng-table:不显示任何行

时间:2014-03-10 08:16:02

标签: javascript angularjs typescript ngtable

我尝试在基于Typescript和AngularJS的网络应用中使用ng-table(http://bazalt-cms.com/ng-table/)。我只需要在一个分页表中显示最多50-500个项目,所有项目一次从服务器加载;所以我需要的是我的控制器数据的客户端分页。但是,加载数据时不会显示任何行,除非我完全禁用分页。

我制作了一个 plunkr 来重现这个问题: http://plnkr.co/edit/0hCSMm03L8iHwePccm7x?p=preview

由于我正在使用Typescript(但现在没有这个lib的定义),我已经将我的示例代码塑造成TS编译器的典型结果,但除此之外,我遵循了ng-table网站中的分页示例。只需单击按钮即可填充控制器的数据。

更新:通过检查ng-table源我设法通过在填充数据阵列后调用tableParams.total(...)然后tableParams.reload()来强制刷新;然而,样本中没有这些代码的痕迹,所以我觉得这有点不对。

1 个答案:

答案 0 :(得分:0)

我也使用了它(即更新总数并重新加载表)。我推断我创建了一个表的实例,然后我需要使用新信息更新实例。 HTH