使用 ng-repeat 访问 ng-grid 进行删除？

Question

这是我当前的表，暂时忽略全选按钮。

在进行研究和谷歌搜索后，大多数涉及从网格中删除的解决方案在每一行都有单独的删除按钮。出于设计/风格的目的，我反对它。问题出现在 ng-grid 范围之外的应用程序控制器中调用删除函数的删除按钮

  div class="btn-group">
  <button class="my-btn btn-default button-row-provider-medical-services" ng-click="deleteProviderMedicalService(id,$index)">Delete</button>
  </button>
</div>

<div class="gridStyle ngGridTable" ng-grid="gridOptions">
</div>

按钮有2个参数，一个是要从数据库中删除的id，另一个是要删除的行。仅当使用 ng-repeat 显示数据时，才能直截了当。

我的问题是是否可以使用 ng-repeat 访问 ng-grid 数据？检查 jdom 显示行和列是使用 ng-repeat 呈现的，并且表本身位于 ng-Viewport ng-scope 类下。

Answer 1

您可以从 ngGrid 的 selectedItems 属性中获取选定对象。此外，您可以从选定的对象及其在数据源数组中的索引中获取 id，并将此数据传递给每个选定项目的 deleteProviderMedicalService 函数。

var selectedItems = [];

$scope.gridOptions = {
  data: 'myData',
  showSelectionCheckbox: true,
  selectedItems: selectedItems
};

$scope.deleteSelected = function(){
  angular.forEach(selectedItems, 
     function(svc){ $scope.deleteProviderMedicalService(svc.id, myData.ondexOf(svc)); });
};