javascript - 如何正确删除所选项目 ui.grid Angular JS

Question

我在理解通过 ui-grid 可用的属性/函数时遇到了一些困难。我经常对它以前的版本 ng-grid 感到困惑。我试图找到删除选中条目的最佳方法。这是我的标记，但由于不太了解我是否有索引或可通过行实体计数:

HTML:

       <div class="form-group">
          <button type="button" id="addData" class="btn btn-success" ng-click="addData()">Add Data</button>
          <button type="button" id="removeData" class="btn btn-success" ng-click="removeData()">Remove First Row</button>
          <br>
          <br>
          <div id="grid1" ui-grid="gridOptions" ui-grid-edit ui-grid-selection external-scopes="myViewModel" class="grid"></div>
    </div>

在我的 Controller 下:

 $scope.removeData = function () {
        console.log($scope.gridApi.selection.getSelectedRows());

        var items = $scope.gridApi.selection.getSelectedRows();

        angular.forEach($scope.myData, function (data, index) {
            angular.forEach(items, function (item) {
                if (item.displayValue = data.displayValue)
                {
                    $scope.myData.splice(index, 1);
                }

            });

其中 displayValue 是我的列的属性，$scope.myData 是我的数据。有没有其他方法可以将该选择发送到 Controller 以进行删除？我目前的方式不起作用(显然)。任何帮助将不胜感激。如果我的标记不完整，我会根据需要进行更新。谢谢!

Answer 1

您的解决方案看起来有点复杂。这是我的删除功能:

$scope.deleteSelected = function(){
  angular.forEach($scope.gridApi.selection.getSelectedRows(), function (data, index) {
    $scope.gridOptions.data.splice($scope.gridOptions.data.lastIndexOf(data), 1);
  });
}

这是一个plunker基于 210_selection 教程。