AngularJS：如何将选定的表格行复制到剪贴板？

Question

我创建了一个表，其中有一个选项可以通过复选框选择行，效果很好。

现在我正在寻找一些东西——想法、例子、类似的案例——来帮助我将那些选定的行复制到剪贴板，以便将它们一个接一个地粘贴到 Excel 文件中。

checked我可以通过控制器中的属性或通过 AngularJS 的filter功能过滤所有项目列表。

我的表：

<button ng-click="copySelected()" type="button">Copy selected to clipboard</button>

<table>

<thead>

    <tr>

        <th><input type="checkbox" ng-model="selectAll" ng-change="toggleAll()"></th>

        <th>ID</th>

        <th>Date</th>

        <th>Subject</th>

    </tr>

</thead>

<tbody ng-repeat="item in items">

    <tr>

        <td><input type="checkbox" id="chk-{{item.id}}" ng-model="options[$index]" ng-value="item.id" 

                ng-change="toggleItem($index)"></td>

        <td>{{item.id}}</td>

        <td>{{item.issueDate}}</td>

        <td>{{item.subject}}</td>

    </tr>

</tbody>

</table>

AngularJS 控制器：

$scope.selectAll = false;

$scope.options = [];

$scope.toggleItem = function(index) {

   $scope.items[index].checked = !$scope.items[index].checked;

   if (!$scope.items[index].checked) {

      $scope.selectAll = false;

   }

};

  

$scope.toggleAll = function() {

   var checked = $scope.selectAll;

   for (var i = 0; i < $scope.items.length; i++) {

     $scope.options[i] = checked;

     $scope.items[i].checked = checked;

   }

};

// this is where I don't know how to progress from

$scope.copySelected = function() {

    

    if ($scope.selectAll) {

        

    } else {

        for (var i = 0; i < $scope.items.length; i++) {

            if ($scope.items[i].checked) {

                

            }

        }

    }

};

Answer 1

一种可能性是以CSV格式转换所选项目数组。然后你可以使用浏览器剪贴板 api将 csv 有效负载写入剪贴板。当我在 Libreoffice 中执行此操作时，应用程序会提示我在复制和粘贴到工作簿时导入文本格式。在 Excel 中，这可能需要一些调整，甚至需要用户格式化数据。您也可以只使用SheetJs生成一个 Excel 文件——但对于您的用例来说可能会显得臃肿。您可以将生成的 CSV 直接发送到浏览器。剪贴板 api 在 IE 中不可用。