angularjs：將製表符分隔的文本複製並粘貼到textarea然後轉換爲表

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.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>