如何使用 AngularJS 从表中删除一行？

给定一个 HTML 表，任务是在 AngularJS 的帮助下从表中删除/删除行。

方法：方法是从它存储的数组中删除该行并提供给表数据。当用户单击表格行附近的按钮时，它会传递该表格的索引，并且该索引用于在splice() 方法的帮助下从数组中删除条目。

示例 1：此示例包含单个列，可以通过单击旁边的每一行来删除每一行。

  

    
    
  
    
        var myApp = angular.module("app", []);
        myApp.controller("controller",
            function ($scope) {
                $scope.rows = ['row-1',
                    'row-2',
                    'row-3',
                    'row-4',
                    'row-5',
                    'row-6'];
                $scope.remThis =
                    function (index, content) {
                        if (index != -1) {
                            $scope.rows.splice(index, 1);
                        }
                    };
            });
    

  

    
        GeeksForGeeks
    
    
        How to remove a row from
        the table in AngularJS
    
    
        
            
                
                    
                
                
                    
                    
                
            Col-1{{val}}
                            click here
                        
                    
        
    

  

输出：

示例 2：此示例包含三列，可以通过单击旁边的每行来删除每一行。

  

    
    
  
    
        var myApp = angular.module("app", []);
        myApp.controller("controller",
            function ($scope) {
                $scope.rows = [{
                    'ff': '11', 'fs': '12',
                    'ft': '13'
                }, {
                    'ff': '21',
                    'fs': '22', 'ft': '23'
                },
                { 'ff': '31', 'fs': '32', 'ft': '33' },
                { 'ff': '41', 'fs': '42', 'ft': '43' }];
                $scope.c = 2;
  
                $scope.remThis =
                    function (index, content) {
                        if (index != -1) {
                            $scope.rows.splice(index, 1);
                        }
                    };
            });
    

  

    
        GeeksForGeeks
    
    
        How to remove a row from 
        the table in AngularJS
    
    
        
            
                
                    
                    
                    
                
                
                    
                    
                    
                    
                
            Col-1Col-2Col-3{{val.ff}}{{val.fs}}{{val.ft}}
                            click here
                    
        
    

  
        

输出：