Filter records loaded into AngularFire based on some criteria.

filter_using_extend.js

// this will be much more efficient than $watch()
app.factory('FilteredArray', function($firebaseArray) {
  function FilteredArray(ref, filterFn) {
    this.filterFn = filterFn;
    return $firebaseArray.call(this, ref);
  }
  FilteredArray.prototype.$$added = function(snap) {
    var rec = $firebaseArray.prototype.$$added.call(this, snap);
    if( !this.filterFn || this.filterFn(rec) ) {
      return rec;
    }
  };
  return $firebaseArray.$extend(FilteredArray);
});

app.controller('...', function($scope, FilteredArray) {
  var ref = new Firebase('https://kato-books.firebaseio.com/');
  $scope.data = FilteredArray(ref, function(rec) {
    return rec.author !== 'Stephen King';
  })
});

Hi @katowulf,
thanks for this, it is really helpful for my project ! Just a concern, do you know if it's possible to make the applied filter dynamic?
I explain, I'm displaying a list of user based on few filters but if for one using the value for which I'm filtering is changing, I would like the list to be updated real time. Like for your example, imagine you change the author name while you have already displayed the result.

At Line 4 ( https://gist.github.com/katowulf/bee266e31aa60cb0eed6#file-filter_using_extend-js-L4 ), 'this' is undefined so I get a TypeError at that point. What should the scope be there? Have I missed something in this very straight-forward implementation?

@rainabba You should initialize array with new FilteredArray(...).

I know it is are a couple of years later :). but how can this be used in combination with updates / removals?