css - 在 Angular UI-Grid 中选择一行时复制剪贴板上的行数据

Question

我需要仅选择/单击一行即可将整行数据复制到剪贴板上。我正在分享我只能复制单元格文本的 plunker URL -

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

网格选项的伪代码如下-

        *$scope.gridOptions = {
            data : 'data',
            enableRowSelection: true,
            enableFullRowSelection: true,
            enableHighlighting : true,
            multiSelect: false,
            enableRowHeaderSelection: false
        };*

比如说，如果我点击第二行，“A1”和“B1”都应该被复制，并且可以将它们粘贴到一些记事本或任何其他应用程序上。

Answer 1

我认为这需要几个步骤:首先，您必须注册 rowSelectionChanged 事件处理程序，以捕获选择中的任何更改。像这样的东西:

$scope.gridOptions.onRegisterApi = function(gridApi) {
  $scope.gridApi = gridApi;
  gridApi.selection.on.rowSelectionChanged($scope,function(row){
    if(row.isSelected) {
      // copy row.entity data to clipboard
    }
  });
}

从 AnularJS 寻址剪贴板我以前没有做过。好像this package可能正是您正在寻找的，但可能有不同的解决方案。