问题标签 [ngtable]

我正在尝试将 googlecharts 与 ngTable 结合起来。

这是我的图表： http ://plnkr.co/edit/RB2G4zjwaTKrrrRVdyFz?p=preview 。图表的数据，我想从这个表中得到它们：http: //bazalt-cms.com/ng-table/example/21

为了更好地解释它，在 plnkr 中，我根据 ngTable 的示例手动输入了图表的数据（按角色分组：管理员 4，用户 12，版主 7）。

• (a) group.data.length -> 分别为我提供4、12、7
• (b) group.value -> 为我提供每个管理员、用户、版主

最大的问题是：如何将这些数据传递给图表？我该如何解释chart.draw($scope.data, options); 它应该从（a）和（b）中获取我的数据来创建图表。

我在 Rails 项目中使用 AngularJS 1.2.10 稳定版，我试图让 ng-table 处理我的数据，但没有显示任何内容。

我已经包含了 ng-table 文件并将其包含在我的角度模块中。当我刷新页面时，我正在获取数据，但是如果我离开这个视图，然后在单页应用程序中再次返回，它不会加载数据。即：刷新列表上的浏览器并且所有数据都在那里，我去查看一个单独的项目，我被带到一个新页面（通过 angularJS 路由）然后我返回到列表（再次通过 angularJS 路由）和数据为空/没有列表。

这是我的桌子

这是我获取数据的控制器。

我可以在 chromes 控制台中看到它正在调用

在返回债务人清单时，它没有调用这两行：

我认为它必须重新加载数据，而不是模板，尽管我可以看到。

我正在使用 AngularJS 1.2.10 和 ng-tables，我正在使用 jasmine & karma 编写我的第一个端到端测试。

问题是当我输入过滤器输入框（由 ng-table 提供）时，我的测试中的列表不会自动更新，即：它没有在测试中运行过滤器。不过，当我通过浏览器手动测试它时，我确实可以工作。

这是我的测试

这是我的过滤器代码：

手动测试时，在显示结果之前会稍作停顿，我不必点击任何提交按钮。当我在测试中这样做时，似乎 ngTable 事件没有触发。

我刚刚开始使用 ng-table 并且正在尝试通过 jasmine 单元测试对其进行测试（不确定这是否是测试我的控制器的最佳方法）并且我一直遇到此错误；

这是我在控制器中设置 ngTableParams 的地方

这是茉莉花测试

这是我的删除代码（有效）

我正在尝试使用 ngTables 通过 AJAX 调用对数据进行排序和过滤。目前我能够使用 ng-repeat 复制数据，但我的排序功能均不适用。我引用了这个示例http://plnkr.co/edit/zuzcma?p=info并且能够使用 mock.js 文件让它工作，但现在我使用的是我加载到我的网络服务器上的文件和我似乎无法让它工作。

我确信答案相当简单，并感谢任何帮助。我附上了我的标记，向您展示我的控制器和 html 文件的样子。谢谢大家，如果您需要更多信息，请告诉我！

以下是我引用的 API 的一些链接。

http://bazalt-cms.com/ng-table/

http://bazalt-cms.com/ng-table/example/6

HTML：

控制器：

我目前正在处理需要一些排序的表。由于该项目使用 Angular (v1.2.12)，我开始使用ngTable模块 (v0.3.2)。

默认排序是标题，但年份也可以用作排序选项。当我加载页面时它工作正常，但是当我单击表格标题时，单击的列会被排序，但排序不会反映在标题中，也不再设置排序参数。

当我开始调试时，我看到 params.sorting() 返回：{title: undefined}从那一刻起，它也不再可能单击可排序的标题，它不再做任何事情。

我想我错过了一些东西，但似乎找不到什么

我的数据如下：

风景：

视图是一个指令，

由于某种原因，当getData使用角度资源带来数据时，它被调用了两次，导致资源也执行两次 REST 请求 <--- 糟糕...

知道为什么以及如何解决它吗？

这是一个重新创建此场景的工作测试用例/plunker示例（查看浏览器控制台-“getData 被调用....”显示两次）顺便说一句，您可以看到我并没有真正使用该资源来带来真实数据，只是为了演示场景，在我的真实应用程序中，我确实使用该资源来带来真实数据，并且就像在这个例子中一样，它被调用了两次，

提前谢谢

在查看 ng-table 的 src 后，我注意到以下内容

这意味着表格将其称为“getData”，count/filter/group/groupBy/page/sorting 这解释了我所看到的行为。

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

我做了一个重现问题 的plunkr ： http ://plnkr.co/edit/0hCSMm03L8iHwePccm7x?p=preview

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

更新：通过检查 ng-table 源，我设法通过调用强制刷新tableParams.total(...)，然后tableParams.reload()在我填充了我的数据数组之后；但是，示例中没有此代码的痕迹，因此我对此感到有些不对劲。

我正在尝试使用类似于此示例的 ngtable 在 angularjs 表中实现“自定义过滤” ，但在我的情况下，“数据”是异步获取的，需要一些时间。我面临的问题是，当访问页面时，控制器中的这个函数（而其他函数工作正常）永远不会运行，在调试时它只是跳过它。

我的 ngTable 对象：

我的html：

我在我的 AngularJS 应用程序中使用“ngTable”组件（在此处输入链接描述）来呈现表格数据。它使用起来比 ngGrid 简单一点，而且我不喜欢 ngGrid 如何配置您的表格（我特别不喜欢将表格标题字符串放在 javascript 中，而不是放在 HTML 中）。

尽管 ngTable 运行良好，但它的可配置性似乎存在一些限制。例如，我只想在标题和单元格中添加列分隔符。在 HTML 中引用 ngTable 的方式，您无需指定表头元素，只需指定单元格。我想我可以在“td”元素上放置一个类来为单元格添加分隔符，但这不会影响标题。

有人对如何做到这一点有一些想法吗？