如何在Angular 6中使用smart table将数据更新到另一个页面

Question

我在我的 angular 项目中使用 ng2-smart-table。 Smart table 提供内置的添加、编辑和删除数据，但我不想使用它。我想在另一个页面上编辑数据，就像我们对每个 CRUD 操作所做的那样。我已经搜索过了，但没有找到任何解决方案。有谁知道我该怎么做？提前致谢！

Answer 1

您可以通过将方法绑定到（编辑）事件来重定向用户。像这样。

.html

<ng2-smart-table  class="table"
                          [settings]="settings" 
                          [source]="data" 
                          (deleteConfirm)="onDeleteConfirm($event)"
                          (rowSelect)="onRowSelect($event)" 
                          (userRowSelect)="onUserRowSelect($event)"
                          (rowHover)="onRowHover($event)"
                          (create)="onCreateNewProcessor($event)"
                          (edit)="onEditData($event)"
                          (custom)="onCustom($event)"></ng2-smart-table>

.ts

onEditData(event) {
    this.router.navigate(["/route/i/want/to", event.data.id]);
}

Answer 2

我建议您使用编辑图标制作自定义图标并付诸实践。对于那个 block/deactive 默认编辑按钮。

有了它，您将在 (custom)="customeEdit($event)" 中获得您的点击事件。

通过这种方式，您可以在 ng2-smart-table 中使用您的自定义组件。

Add custom icon

如何在Angular 6中使用smart table将数据更新到另一个页面

How to update data into another page using smart table in Angular 6

angular

ng2-smart-table