AngularJS | ng-class-even指令

AngularJS中的ng-class-even-even指令用于在HTML元素的所有均匀外观上指定CSS类。它用于在每个偶数HTML元素上动态绑定类。如果ng-class-even指令中的表达式返回true，则仅添加该类，否则不添加。要使ng-class-even指令正常工作，必须使用ng-repeat指令。所有HTML元素都支持它。

句法：

 Contents... 

示例：此示例使用ng-class-even指令选择偶数元素并应用CSS属性。

      

    ng-class-even Directive
      
    
    
      
    
        .index {
            color: white;
            background-color: green;
        }
    

  

      
    GeeksforGeeks
    ng-class-even Directive
  
    
        
            
            
            
                
            
            
        sorting techniques:
                    {{i.name}}
                
    
      
    
        var app = angular.module("app", []);
        app.controller('geek', ['$scope', function ($scope) {
            $scope.sort = [
                { name: "Merge sort" }, 
                { name: "Quick sort" },
                { name: "Insertion sort" }, 
                { name: "Bubble sort" }
            ];     
        }]);
    

  
                    

输出：