AngularJs Performance of Filter vs Filter inside Controller

The best way to actually do that is the build in "directive". As shown(Ill Post multiple examples.) :

app.controller('MainCtrl', function($scope) {
   $scope.Items= [
       { id: 1, color: 'lightblue' },
       { id: 2, color: 'blue' }
   ];
});

div ng-repeat="item in Items| filter: { color: 'blue' }"> 

Or you could do it with

Functions

 app.controller('MainCtrl', function($scope) {
           $scope.friends= [
               { id: 1, name: 'John' },
               { id: 2, name: 'Richard' }
           ];
           $scope.searchText= function (item) { 
               return item === 'John'; 
            }
        });



 <div ng-repeat="friend in friends | filter: searchText">

EDIT2

So for nested arrays...

app.controller('MainCtrl', function($scope) {
               $scope.colors= [
                   {color:['blue','green','red']}
               ];
            });

Then you would do...

<div ng-repeat="color in colors">
  <div ng-repeat="uniqueColor in color">
     {{uniqueColor}}
  </div>
</div>

Here you dont even need a filter.. I like to call this a "nested ng-repeat" :D.

Here is a fiddle for better demonstration..

EDIT3

Now filtering the ng-repeat..

<div ng-repeat="color in colors">
      <div ng-repeat="uniqueColor in color | filter: 'Blue'">
         {{uniqueColor}}
      </div>
    </div>

Fiddle of that represented here..

EDIT4

you can just use as i read:

app.filter("filterName", function(){
  return function(obj){
   return "Apple.inc"
  }
})

Fiddle