如何使用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
                    
        
    

  
        

输出：