Add promise-able search function (fixes #34, #35)

README.md

@@ -239,6 +239,21 @@ A service you can inject in your controller to show the filter bar
     The filter object used to filter the items array.  The default value is $filter('filter'), however you can also
     pass in a custom filter.
 
+  - `{function=}` `search`
+
+    A custom search functionthat returns a filteredItems array. Return value of this function could be promise, which 
+    is useful for backend API filtering with the text entered in the filter bar.
+      function (filterText){
+        var deferred = $q.defer();
+          $timeout(function(){
+            // imagine items are return value from you api
+            var result = items.filter(function(item, index){
+              return item.text.indexOf(filterText) != -1;
+            })
+            deferred.resolve(result);
+          }, 500);
+      }
+
   - `{function=}` `expression`
 
     The predicate to be used for selecting items from the `items` array.  This is similar to the angular filter 

demo/app/scripts/app.js

@@ -42,7 +42,7 @@ angular.module('Demo', ['ionic', 'jett.ionic.filter.bar'])
     });
   })
 
-  .controller('MainController', function($scope, $timeout, $ionicFilterBar) {
+  .controller('MainController', function($scope, $timeout, $q, $ionicFilterBar) {
 
     var filterBarInstance;
 
@@ -59,6 +59,16 @@ angular.module('Demo', ['ionic', 'jett.ionic.filter.bar'])
     $scope.showFilterBar = function () {
       filterBarInstance = $ionicFilterBar.show({
         items: $scope.items,
+        search: function(filterText){
+          var deferred = $q.defer();
+          $timeout(function(){
+            var result = $scope.items.filter(function(item, index){
+              return item.text.indexOf(filterText) != -1;
+            })
+            deferred.resolve(result);
+          }, 500);
+          return deferred.promise;
+        },
         update: function (filteredItems, filterText) {
           $scope.items = filteredItems;
           if (filterText) {

dist/ionic.filter.bar.js

@@ -365,12 +365,13 @@ angular.module('jett.ionic.filter.bar', ['ionic']);
       '$compile',
       '$timeout',
       '$filter',
+      '$q',
       '$ionicPlatform',
       '$ionicFilterBarConfig',
       '$ionicConfig',
       '$ionicModal',
       '$ionicScrollDelegate',
-      function ($document, $rootScope, $compile, $timeout, $filter, $ionicPlatform, $ionicFilterBarConfig, $ionicConfig, $ionicModal, $ionicScrollDelegate) {
+      function ($document, $rootScope, $compile, $timeout, $filter, $q, $ionicPlatform, $ionicFilterBarConfig, $ionicConfig, $ionicModal, $ionicScrollDelegate) {
         var isShown = false;
         var $body = $document[0].body;
         var templateConfig = {
@@ -435,6 +436,7 @@ angular.module('jett.ionic.filter.bar', ['ionic']);
             cancelText: 'Cancel',
             cancelOnStateChange: true,
             container: $body,
+            search: null,
             favoritesTitle: 'Favorite Searches',
             favoritesAddPlaceholder: 'Add a search term',
             favoritesEnabled: false,
@@ -534,9 +536,11 @@ angular.module('jett.ionic.filter.bar', ['ionic']);
             var filterExp, filteredItems;
 
             // pass back original list if filterText is empty.
-            // Otherwise filter by expression, supplied properties, or filterText.
+            // Otherwise perform a search or filter by expression, supplied properties, or filterText.
             if (!filterText.length) {
               filteredItems = scope.items;
+            } else if (angular.isFunction(scope.search)) {
+              filteredItems = scope.search(filterText);
             } else {
               if (scope.expression) {
                 filterExp = angular.bind(this, scope.expression, filterText);
@@ -554,11 +558,14 @@ angular.module('jett.ionic.filter.bar', ['ionic']);
 
               filteredItems = scope.filter(scope.items, filterExp, scope.comparator);
             }
-
-            $timeout(function() {
-              scope.update(filteredItems, filterText);
-              scope.scrollItemsTop();
-            });
+            // turn filteredItems into a promise for consistent handling logic
+            $q.when(filteredItems).then(function(items){
+              $timeout(function() {
+                scope.update(items, filterText);
+                scope.scrollItemsTop();
+              });
+            })
+
           };
 
           // registerBackButtonAction returns a callback to deregister the action
@@ -657,6 +664,9 @@ angular.module('jett.ionic.filter.bar', ['ionic']);
 
 })(angular, ionic);
 
+
+
+
 /* global angular */
 (function (angular) {
   'use strict';