如果按钮位于网格之外，如何删除uigrid中的行

Question

我有一个uigrid。它每行都有一个编辑按钮。当我点击它时，一个按钮将显示在uigrid之外。单击该按钮时，应删除该特定行。如果按钮在网格行中，我可以删除。但是，如果它不在网格之外。我们怎么能删除呢？

Here is the plunker:

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

Answer 1

据我所知，你需要删除网格外的功能。因此，当用户单击网格外部的删除按钮时，您可以删除所选行。

我根据我的理解尝试 HERE 更新了plunker。

$scope.rowToRemove=null;

  $scope.editRow = function(row){
    $scope.rowToRemove = row;
    $scope.button = true;
  };

  $scope.deleteRow = function() {
    console.log($scope.rowToRemove);
    var index = $scope.gridOptions.data.indexOf($scope.rowToRemove.entity);
    $scope.gridOptions.data.splice(index, 1);
    $scope.button = false;
  };