angularjs - Angular JS UI-Grid 删除行

Question

我是新来的 ui-grid我正在尝试在 AngularJS 中实现一个表，如下图所示。我正在尝试选择一行并使用该特定行上的删除按钮将其删除。 ui-grid文档要求我们使用 gridApi但我找不到足够的文档。

Answer 1

请在此处查看有关如何删除行的工作示例。
http://plnkr.co/edit/6TiFC6plEMJMD4U6QmyS?p=preview

关键是用indexOf(row.entity)而不是依赖 row.index因为它不会动态更新。

$scope.deleteRow = function(row) {
  var index = $scope.gridOptions.data.indexOf(row.entity);
  $scope.gridOptions.data.splice(index, 1);
};

通用方法

function deleteRow(row,grid) {
   var i = grid.options.data.indexOf(row.entity);
   grid.options.data.splice(i, 1);
}