add support for events on adding and removing search params, fixed #32

Author: dnauck

CHANGELOG.md

@@ -1,3 +1,6 @@
+### 2.2.0-dev - unreleased
+* add support for events on adding and removing search params, fixed #32
+
 ### 2.1.0 - 04 February 2016
 * add support for suggested values for a search parameter with typeahead support, fixed #11
 * fix optional parameters on AngularJS 1.4.9, fixed #31 and #34

README.md

@@ -109,11 +109,22 @@ param can be a scope variable as well as a hard-coded string.
 
 ### Events
 
-The directive emits events as search parameters enters the edit mode (`advanced-searchbox:enteredEditMode`)
-or leaves the edit mode (`advanced-searchbox:leavedEditMode`) or the search model was updated (`advanced-searchbox:modelUpdated`).
+The directive emits events as search parameters added (`advanced-searchbox:addedSearchParam`), removed (`advanced-searchbox:removedSearchParam` and `advanced-searchbox:removedAllSearchParam`), enters the edit mode (`advanced-searchbox:enteredEditMode`), leaves the edit mode (`advanced-searchbox:leavedEditMode`) or the search model was updated (`advanced-searchbox:modelUpdated`).
 To catch these events do the following:
 
 ```js
+$scope.$on('advanced-searchbox:addedSearchParam', function (event, searchParameter) {
+  ///
+});
+
+$scope.$on('advanced-searchbox:removedSearchParam', function (event, searchParameter) {
+  ///
+});
+
+$scope.$on('advanced-searchbox:removedAllSearchParam', function (event) {
+  ///
+});
+
 $scope.$on('advanced-searchbox:enteredEditMode', function (event, searchParameter) {
   ///
 });

src/angular-advanced-searchbox.js

@@ -140,10 +140,12 @@ angular.module('angular-advanced-searchbox', [])
                                 }
                             ) - 1;
 
+                        updateModel('add', searchParam.key, value);
+
                         if (enterEditModel === true)
                             $timeout(function() { $scope.enterEditMode(undefined, newIndex); }, 100);
 
-                        updateModel('add', searchParam.key, value);
+                        $scope.$emit('advanced-searchbox:addedSearchParam', searchParam);
                     };
 
                     $scope.removeSearchParam = function (index) {
@@ -154,13 +156,17 @@ angular.module('angular-advanced-searchbox', [])
                         $scope.searchParams.splice(index, 1);
 
                         updateModel('delete', searchParam.key);
+
+                        $scope.$emit('advanced-searchbox:removedSearchParam', searchParam);
                     };
 
                     $scope.removeAll = function() {
                         $scope.searchParams.length = 0;
                         $scope.searchQuery = '';
 
                         $scope.model = {};
+
+                        $scope.$emit('advanced-searchbox:removedAllSearchParam');
                     };
 
                     $scope.editPrevious = function(currentIndex) {