AngularJS Group By 指令，无需外部依赖

AngularJS是一个流行的JavaScript框架，用于构建动态的Web应用程序。它提供了许多内置的指令，其中之一是Group By指令。这个指令允许我们根据指定的属性将一个数组分组，并在网页上显示分组的结果。最令人惊讶的是，Group By指令不需要外部依赖库的支持，因此可以轻松地集成到现有的AngularJS项目中。

html
    
        {{className}}
        
            
                {{student.name}}
            
        
    

javascript
angular.module('myApp', [])
    .controller('myController', function($scope) {
        $scope.studentList = [
            { name: 'Alice', class: 'A' },
            { name: 'Bob', class: 'A' },
            { name: 'Charlie', class: 'B' },
            { name: 'David', class: 'B' },
        ];
    })
    .filter('groupBy', function() {
        return function(arr, property) {
            var grouped = {};
            angular.forEach(arr, function(item) {
                var key = item[property];
                if (!grouped[key]) {
                    grouped[key] = [];
                }
                grouped[key].push(item);
            });
            return grouped;
        };
    });

html
    
    
    
    
        {{className}}
        
            
                {{student.name}}