简体   繁体   English

如何获取角度的行单击事件?

[英]How to get row click event in angular?

I am trying get row object selected with row click event. 我正在尝试通过行单击事件选择行对象。 I am using Angular UI Grid 我正在使用Angular UI Grid

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

I used this to get the data: 我用它来获取数据:

    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);
  });

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

Inject ui.grid.selection into your app module: ui.grid.selection注入您的应用程序模块:

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

Setup selection on html: 在html上选择安装程序:

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

Get selected row object using row.entity : 使用row.entity获取选定的行对象:

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

Working plunker: 工作钻头:

https://plnkr.co/edit/fxtD3F4iFxmPKT1G1t7V https://plnkr.co/edit/fxtD3F4iFxmPKT1G1t7V

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM