如何在AngularJS中追加新表行？

此处的任务是借助AngularJS在表中插入新行。

方法：方法是使用push()方法将新行插入到数组中。该数组将用作元素的内容。 ng-repeat用于将数组的内容提供给表单元格。

示例1：在第一个示例中，使用了一个单列表，并且内容以其元素的形式存储在数组中。

  

    
    
  
    
        var myApp = angular.module("app", []);
        myApp.controller("controller",
            function ($scope) {
                $scope.rows = ['row-1', 'row-2'];
                $scope.c = 2;
                $scope.addRow = function () {
                    $scope.c++;
                    $scope.rows.push('row-' + $scope.c);
                };
            });
    

  

    
        GeeksForGeeks
    
    
        How to append a new table 
        row in AngularJS
    
    
        
            
                Click to add
            
            
            
                
                    
                
                
                    
                
            Col-1{{val}}
        
    

  
       

输出：

示例2：在此示例中，使用了一个三列的表，该表以Object格式存储表的内容。

  

    
    
  
    
        var myApp = angular.module("app", []);
        myApp.controller("controller",
            function ($scope) {
                $scope.rows = [
                    { 'ff': '11', 'fs': '12', 'ft': '13' },
                    { 'ff': '21', 'fs': '22', 'ft': '23' }
                ];
                $scope.c = 2;
                $scope.addRow = function () {
                    $scope.c++;
                    $scope.rows.push({
                        'ff': $scope.c +
                            '1', 'fs': $scope.c +
                                '2', 'ft': $scope.c + '3'
                    });
                };
            });
    

  

    
        GeeksForGeeks
    
    
        How to append a new table 
        row in AngularJS
    
    
        
            
                Click to add
            
            
            
                
                    
                    
                    
                
                
                    
                    
                    
                
            Col-1Col-2Col-3{{val.ff}}{{val.fs}}{{val.ft}}
        
    

  
       

输出：