AngularJS filter Example

by Ramkumar Pillai

HTML

<script src="http://code.angularjs.org/1.0.0rc4/angular-1.0.0rc4.min.js"></script>
<div ng:app="myApp">
 <div ng-controller="HelloCntl">
 <ul>
    <li ng-repeat="friend in f1 | intersect:f2">
        <span>{{friend}}</span>
    </li>
 </ul>
 </div>
</div>

CSS

span
{
 width: 200px;   
}

JavaScript

angular.module('myApp',[]).filter('intersect', function(){
    
    return function(arr1, arr2){
       
        return arr1.filter(function(n) {
                   return arr2.indexOf(n) != -1
               });
    };
});

function HelloCntl($scope) {
    $scope.f1 = ['John', 'Mike', 'Joe', 'Harry'];
    $scope.f2 = ['John', 'Harry'];
}