问题标签 [ngtable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
11947 浏览

javascript - Buttons per Row in AngularJS ngTable

I need your help...

I start angularJS and I have a little problem unsolved..

I have a table that contains 2 buttons in each line: ACCEPT and REFUSE with their respective methods accept() and refuse(). I want it to show one sentence on click...

I tried something in Fiddle : http://jsfiddle.net/TBGDu/17/

But the sentence appears many times, but I want it to appear just once where I click. I tried something with tab but for the moment nothing work!

Sorry for my bad spoken language.

0 投票
2 回答
7267 浏览

angularjs - 如何使用单个文本框根据任何列数据过滤行

我正在使用ng-table.

我尝试使用示例中给出的过滤器,但是为了过滤每一列,我需要有单独的文本框。

但我想要实现的是,一个文本框可以根据任何列数据搜索任何行。

我怎样才能做到这一点?

就像jquery datatable搜索框一样。

0 投票
1 回答
7671 浏览

angularjs - 我收到 TypeError:从工厂 ng-Table AngularJS 加载数据时无法调用未定义的方法“切片”

我是 AngularJS 的新手,并且在使用来自服务的 ng-Table 时被困在显示数据中。我收到一个错误

TypeError:无法在 Object.$scope.tableParams.ngTableParams.getData (index.html:122:32) 调用未定义的方法“切片”

当我对 json 数据值进行硬编码时,它工作得很好。我认为来自工厂的数据不仅仅包含 json 数据结果,因此存在切片问题。

我的控制器如下所示:

那么我的工厂服务是这样的:

我的 HTML 是这样的:

0 投票
0 回答
374 浏览

javascript - 如何将 ng-table 带入选项卡?

我不得不在选项卡中实现 ng-table 。我正在使用 ng-include 将模板包含到包含 ng-table 属性的选项卡中。将选项卡更改为选项卡 ng-table 时不起作用?

更改选项卡时,我正在传递选项卡内容项第二个开关 b/w 两个选项卡。

当我第一次运行时,桌子工作正常。切换黑白选项卡表时未生成。

有什么建议或解决方案可以解决这个问题吗?

0 投票
1 回答
2419 浏览

angularjs - ng-table 标头未在 IE 9 中显示

我使用 angularjs 和 ng-table 指令 ( http://bazalt-cms.com/ng-table/ ) 来构建一个 Web 应用程序。虽然在 ng-table 指令中实现的表格控件在 Chrome 和 Firefox 中运行良好,但表格标题未显示在 Internet Explorer 9 中。该行为是可重现的,例如 ng-table doc ( http://bazalt ) 的示例 1 -cms.com/ng-table/example/1)。

通过调试示例,我看到用于表格标题部分的模板在 IE9 中未正确加载。它应该看起来像这样(来自 chrome 的输出):

(大图) http://abload.de/img/ngtablechromehwfts.png

ngTable Chrome

但在 IE9 中的结果是这样的:(大图)http://abload.de/image.php?img=ngtableietepeu.png ngTable IE

-<thead>标签使用 ng-include 从模板加载其子节点。但是 IE 从模板中删除了<tr>and<th>标记,这会导致问题。<div>再次显示元素的子元素<th>。我假设发生这种情况是因为 IE 以某种方式“检查”模板代码并找到没有相应元素的<tr>and元素,从而删除了标签。<th><table>

有谁知道我怎样才能避免这种元素的移除?它与IE兼容模式有某种关系吗?我玩弄了 IE 兼容模式和文档模式,有时可以看到元素没有被删除。但我无法重现这一点。

<thead>元素中包含的模板是:

但是更简单的模板具有相同的效果。<tr><th>在 IE9 中删除,<div>将包含在 DOM 中:

0 投票
2 回答
593 浏览

javascript - 在 Angular 中查看多个控制器

我正在使用ng-table指令来显示带有数据的表。

我目前使用该表的观点是:

我还有几个页面需要显示同一个表格(只有不同​​的数据)。所以对我来说合乎逻辑的事情似乎是使用一个视图但不同的控制器来用不同的数据填充表格。我不确定 Angular 的做法是什么以及如何去做。

我正在使用指令angular-route进行路由ng-view

0 投票
1 回答
1550 浏览

angularjs - 排序和过滤的项目有错误的 $index 值

当我使用 ng-table 对某些内容进行排序或过滤时,它的 $index 不会更新。如果我有 4 个项目在 ng-click 中使用 deleteRow($Index) 进行 ASC 排序,那么 $index 将为 0 到 3。现在如果我对它们进行 DESC 排序,那么第一行仍然有 $index = 3,尽管它应该是0. 所以我尝试删除第一行,它最终删除了最后一行,因为 $Index 仍然设置为 3。当我尝试删除过滤的行时也会发生同样的事情。

这是一个演示:http ://plnkr.co/edit/WCeBGm49F1QnvfUrHWG6?p=preview

0 投票
2 回答
1261 浏览

angularjs - 嵌套的 ng-repeat 不起作用

我正在使用ng-table通过以下方式将数组结构放入表中:

考虑场所:

第一个ng-repeat工作正常,因为我可以看到表中的 3 行。第二个ng-repeat好像不行。

我究竟做错了什么 ?

0 投票
2 回答
608 浏览

angularjs - 在 ngTable 中选择下拉列表失去了它的范围

如果我将 Selects (select.js) 下拉列表放在 ngTable 中,并尝试从表外显示选择,它将失去其范围并且不显示选择。希望我能够解释这一点。

这是预览。在预览中,您将看到一个具有两个输出位置的选择下拉列表。一个在表内有效,另一个在表外无效。

http://plnkr.co/edit/tQYmRrTjXOhTohsESpNo?p=preview

0 投票
1 回答
1036 浏览

angularjs-routing - 具有 angular-routing = undefined 的 ngTable 不是函数

请帮忙。我被困在这一点上超过 14 个小时,我找不到解释或例子。

这就是我现在拥有的:http: //plnkr.co/edit/PaYR7c0QXSKxl1jcmRBQ

如果我不使用角度路由,ngTable 可以正常工作。一旦我添加路由,它就会出现此错误。当我评论 $scope.tableParams = new ngTableParams({ ...但随后数据未显示时,错误消失了。

不起作用的代码: