Angular: 两个 slickgrids，同一个页面

Question

我是Angular的新手，所以请不要对我太苛刻。我正在尝试编辑此示例：https://github.com/fortesl/angular-slickgrid-example 以使用两个网格。

这是工作中的 plunker：http://plnkr.co/edit/RyAwvqZ9sr3b9YFvmK2X 问题是，当您双击第一个网格上的任何行时，它会被删除。但是，它不适用于第二个网格。

解决此问题的最简单方法是在控制器中创建第二个 deleteTask 方法：

self.deleteTask2 = function(row) {
  self.data2.splice(row.row, 1);
}

并更改第二个网格的属性以使用此功能。

不过，这种做法好像不太对。如果会有third/forth之类的格子怎么办？ angular 中有没有办法让 deleteTask 成为指令的一部分，而不是作用域？

提前致谢！

Answer 1

只需修改deleteTask函数，获取要从中删除的数据数组。

Working, modified version of the Plunker code

控制器：

self.deleteTask = function(data, row) {
    data.splice(row.row, 1);
}

查看：

<div my-grid style="width:600px;height:200px;" grid-columns="gridCtrl.columns"
     grid-options="gridCtrl.options" grid-data="gridCtrl.data"
     edit-row="gridCtrl.deleteTask(gridCtrl.data, row)" class="container myGrid">
</div>

Angular: 两个 slickgrids，同一个页面

Angular: two slickgrids, same page

angularjs

slickgrid