javascript - 如何获取 Angular 中的行单击事件？

Question

我正在尝试使用行单击事件选择行对象。我正在使用Angular UI 网格

这是 API 链接 http://ui-grid.info/docs/#/tutorial/103_filtering

我用它来获取数据:

    enableRowSelection: true,
        multiSelect:false,
        onRegisterApi : function(gridApi){
  //set gridApi on scope
  $scope.gridApi = gridApi;
  gridApi.selection.on.rowSelectionChanged($scope,function(row){
    var msg = 'row selected ' + row.isSelected;
    $log.log(msg);
  });

这是我的代码 https://plnkr.co/edit/DqBgHFnwLpYM5pvg0f56?p=preview

Answer 1

将 ui.grid.selection 注入(inject)您的应用模块:

angular.module('app',['ngTouch', 'ui.grid', 'ui.grid.selection'])

html 上的设置选择:

<div id="grid1" ui-grid="gridOptions" ui-grid-selection class="grid" ></div>

使用row.entity获取选定的行对象:

 gridApi.selection.on.rowSelectionChanged($scope,function(row){
    var msg = 'row selected ' + row.entity.age;
    console.log(msg);
  });

工作中的笨蛋:

https://plnkr.co/edit/fxtD3F4iFxmPKT1G1t7V