javascript - angularjs:将制表符分隔的文本复制粘贴到文本区域，然后转换为表格

Question

我有一个应用程序，用户可以在其中复制并粘贴制表符分隔的文本。我想将文本放入一个表格中(每个新列都是一个选项卡，每个新行都是粘贴文本中的一个新行。

我有以下内容，它为粘贴文本中的每个新行构建一个列表，但如何从制表符分隔的文本中获取数组？

 <div ng-app>

   <textarea ng-model="items" ng-list="/\n/"></textarea>
   <table>
     <tbody>
       <tr ng-repeat="item in items">
         <td>
           {{item}}
         </td>
       </tr>
     </tbody>
   </table>

</div>

由于我无法在不重新格式化的情况下将制表符分隔的文本粘贴到此处...要从记事本或电子表格中复制并粘贴制表符分隔的文本。

Answer 1

这对你有用吗？ http://jsbin.com/bosamuhoti/1/edit

这是一个片段:

Angular 应用

angular.module('myapp', [])
.controller('myCtrl', ['$scope', function($scope){
    $scope.items = [];
    $scope.table  = []; 

  $scope.$watch("items", (newValue, oldValue) => {

    for (var item of newValue) {
        $scope.table.push(item.split('\t'));
      }

  });
}]);

以及对应的HTML

<textarea ng-model="items" ng-list="&#10;" ng-trim="false"></textarea>

   <table border="1">
     <tbody>

       <tr ng-repeat="item in table track by $index">
         <td ng-repeat="data in item track by $index">
           {{data}}
         </td>
       </tr>
     </tbody>
   </table>