如何使用 Angular 过滤器对数据进行分组？

任务是展示如何使用 Angular 过滤器对数据进行分组。

涉及的步骤：

1. 您可以使用以下四种不同的方法安装 angular-filter：

• 克隆和构建 https://github.com/a8m/angular-filter git 存储库

• 通过 Bower：通过从终端运行 $ bower install angular-filter

• 通过 npm：通过从终端运行 $ npm install angular-filter。

通过 npm 安装

• 通过 cdnjs：将以下 script-src 添加到您的应用程序中。

2. 在 index.html 中包含 angular-filter.js（或 angular-filter.min.js），在包含 Angular 本身之后，如下例所示。

3. 将“angular.filter”添加到主模块的依赖项列表中。

示例：在此示例中，我们将使用 angular-filter 按品种对狗进行分组。

HTML

  

    
    
      
    
    
      
    
    

  

  
    
        GeeksforGeeks
    
  
    
        A computer science portal for geeks
    
  
    
        
            Breed: {{ key }}
            
                
                    Dog name: {{ dog.name }}
                
            
        
    
  
  
    
        //(3)
        angular.module('myApp', ['angular.filter'])
            .controller('myCtrl', function ($scope) {
            $scope.dogs = [
                { name: 'Alex', breed: 'German Shepherd' },
                { name: 'Rocky', breed: 'Bulldog' },
                { name: 'John', breed: 'Beagle' },
                { name: 'Paula', breed: 'Bulldog' },
                { name: 'Bobby', breed: 'German Shepherd' }
            ];
        });
    

  

输出：