Dynamisch Zeilen mit mehreren Spalten in AngularJS hinzufügen

Question

Ich habe dynamisch Zeilen mit einer einzigen Spalte dank der folgenden Code hinzugefügt, aber ich möchte die Zeilen mehrere Spalten haben, von denen einmal der Benutzer einen Kommentar eingeben zu können gelagert. Dies ist der Code mit der einzigen Spalte:

<div ng-controller="MainController"> 
    <script type="text/javascript"> 
     app.controller('MainController', function($scope) { 
     $scope.rows = []; 
     $scope.counter = 0; 
     $scope.$on("CallParentMethod", function(event, args) { 
      $scope.addRow(args); 
     }); 
     $scope.addRow = function(args) { 
      $scope.rows.push($scope.counter + ": bottone:" + args.button + ': cambio in ' + args.value); 
      $scope.counter++; 
      } 
     }); 
    </script> 
    <table> 
     <thead> 
      <tr> 
       <th width="200">Logs</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr ng-repeat="rowContent in rows"> 
       <td>{{rowContent}}</td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

Answer 1

Grundsätzlich Sie beiden Zeilen und Spalten zu wiederholen, und Ihre Daten haben ein Array von Arrays sein. Etwas wie dieses:

<div ng-controller="MainController"> 
<script type="text/javascript"> 
app.controller('MainController', 
    function ($scope) { 
     $scope.rows = []; 
     $scope.counter = 0; 
     $scope.$on("CallParentMethod", function(event, args){ 
      $scope.addRow(args); 
     }); 
     $scope.addRow = function(args) { 
      $scope.rows.push([args.button, args.value]); 
      $scope.counter++; 
     } 
    } 
); 

</script> 
<table> 
    <thead> 
    <tr> 
     <th width="200">Logs</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr ng-repeat="rowContent in rows"> 
     <td ng-repeat="cellContent in rowContent">{{cellContent}}</td> 
    </tr> 
    </tbody> 
</table> 
</div>