问题标签 [ng2-smart-table]

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 投票
4 回答
7607 浏览

angular - Ng2-smart-table :在内联编辑中使用下拉菜单或日期选择器

我正在为 Angular2 寻找更好的表表示,发现ng2-smart-table很好用。但问题是它似乎没有提供一种直接的方式来在线编辑中使用下拉菜单或日期选择器。

有什么方法可以使它成为可能,或者我可以使用哪些替代组件来表示我的 Angular2 应用程序中的表格视图。

0 投票
1 回答
1521 浏览

angular - 不能在 Angular 2 项目中使用 ng2-smart-table

创建新angular 2项目的步骤:

ng new myapp cd myapp npm i ng2-smart-table --save

并更改app.module.ts

然后当我尝试运行时收到以下错误消息ng serve

/Users/Public/myapp/node_modules/ng2-smart-table/src/ng2-smart-table/lib/data-source/server/server.data-source.ts (70,12) 中的错误:键入“Observable”不可分配给类型“可观察”。属性 'source' 受到保护,但类型 'Observable' 不是从 'Observable' 派生的类。)

然后整个项目停止运行,甚至导致问题的部分实际上根本没有使用。

顺便说一下,我的规格:

任何想法?谢谢。

编辑:

修复了问题。

修复了问题。

ng2-smart-table 的 package.json 包含以下内容:

但 rxjs 应该在这里:

删除里面的文件rxjs夹。重新运行。node_modulesng2-smart-tablenpm i

0 投票
1 回答
13465 浏览

angular - 使用ng2-smart-table,添加后可以更改一行单元格的值吗?

我在我的项目中使用了 ng2-smart-table组件,但我发现了一个阻碍我的问题。

我有一个包含 3 列的智能表(模式=内联):id、column1 和 column2。Id 不可编辑,因为在我调用后端并生成行之前,我不会知道该值,因此当我添加新行时,ID 的单元格保持为空。

我正在听发射器“onCreateConfirm”,当它被触发时,我用一个发布请求调用我的后端并等待响应。

当我处理响应时,我一直无法找到更新行中该单元格的方法。

有人遇到过同样的问题吗?这种流程是可能的还是组件的限制?

也许我做错了什么,我根本不应该遵循这个流程,还有另一种方法可以做到。

任何帮助将不胜感激。

0 投票
3 回答
5385 浏览

javascript - ng2-smart-table 的分页问题

我在 Angular 2 应用程序中使用 ng2-smart-table,但其中的分页存在问题。我正在加载一个数据对象数组,它正确显示了前五个(我总共有 20 个),但是表格底部的分页显示 << >> 箭头之间没有数字,如果我点击右箭头它向我展示了接下来的 15 个。表的设置是:

任何想法为什么它显示 << >> 而不是 << 1 2 3 4 >> ?谢谢!

0 投票
1 回答
1613 浏览

angular - 从 Object 数据类型创建的 ng2-smart-table 中的新列

有谁知道如何从 Object 数据类型创建新列?我怎么能做到呢?下面是我的设置和数据的代码,以便更清楚地理解提前致谢!私人设置 = {

来自 API 的数据:

0 投票
2 回答
6312 浏览

angular - Angular2 Smart Tables - 将数据传递给自定义组件

我正在使用 Angular2,我正在尝试为Smart Table中的每一行添加一个视图链接。我正在使用允许我呈现自定义组件的自定义类型来执行此操作。

渲染过程运行良好,但现在我需要将数据(项目的 id)传递给自定义组件,我不知道数据是如何发送到模板的,所以我无法访问它。

这是我的表格组件:

这是我的自定义组件:

**注意:ViewLoan 组件被声明为 entryComponent。

0 投票
2 回答
3057 浏览

angular - 如何删除 Angular2 组件的样式?

我目前正在使用 ng2-smart-table。这个组件实际上有自己的风格:

我想知道是否可以在模板中指定我想使用这个没有样式的组件。

例如类似的东西:

0 投票
1 回答
557 浏览

node.js - Ng2-Smart-table 不工作,返回 404 not found 错误和 system.js 错误

我正在尝试在我的 Angular2 项目中实现 ng2-smarttable 并在控制台中返回以下错误,

在此处输入图像描述

我尝试通过删除 ng2-smart-table 运行命令“npm install”,但随后它返回相同的错误。

使用'ng2-smart-table' 时收到的错误消息:{ main: 'bundles/table.umd.js', defaultExtension: 'js' }, 在此处输入图像描述

我的“app.module.ts”文件如下所示: 在此处输入图像描述

0 投票
2 回答
3880 浏览

angular - 如何在 ng2 智能表中推送自定义数组对象

https://github.com/akveo/ng2-smart-table 在设置对象中,我们定义结构来显示名称、标题等字段。我想直接将对象分配给列。对象包含字段

我必须创造

想要分配 =>
列表:this.units

但它不工作。以防我通过 Web 服务调用获取数组。

0 投票
1 回答
1782 浏览

angular - 如何实现 ng2-smart-table 的表页脚?

我现在正在我的应用程序中实现 ng2-smart-table。我想在表格下方显示表格页脚以获取附加信息,例如总金额、折扣金额等。 在此处输入图像描述

这是我在打字稿文件中的代码

我在ngOnInit()方法中加载数据

这是ng2-smart-table我在 Html 中使用的标签