Add event onSelectionChanged

#8

Author: pkempenaers

pages/javascripts/pages/home/ExampleCtrl.js

@@ -12,8 +12,8 @@ angular.module('exampleApp').controller('ExampleCtrl', ['$scope', function($scop
     };
 
     $scope.testevents = {
-      'onMaxSelectionReached': function () { // This event is not firing on selection of max limit
-        alert("you can not select more than 2 contacts");
+      'onSelectionChanged': function () { // This event is not firing on selection of max limit
+        alert("you changed selection");
       }
     }
 

pages/javascripts/pages/home/home.html

@@ -1079,7 +1079,7 @@ <h2>Settings</h2>
 			<tr>
 				<td>template</td>
 				<td>String</td>
-				<td>{{getPropertyForObject(option, settings.displayProp)} }</td>
+				<td>					{ {getPropertyForObject(option, settings.displayProp)} }</td>
 				<td>Can be used to modify the appearance of an option in the list, each option is accessible as option.</td>
 			</tr>
 		</tbody>
@@ -1125,6 +1125,11 @@ <h2>Events</h2>
 				<td></td>
 				<td>Fired when the user reaches the max allowed selected items.</td>
 			</tr>
+			<tr>
+				<td>onSelectionChanged</td>
+				<td></td>
+				<td>Fired when the selection changes.</td>
+			</tr>
 		</tbody>
 	</table>
 	<h2>Translation Texts</h2>
@@ -1186,3 +1191,4 @@ <h2>Translation Texts</h2>
 		</tbody>
 	</table>
 </div>
+					

src/angularjs-dropdown-multiselect.js

@@ -306,26 +306,25 @@ directiveModule.directive('ngDropdownMultiselect', ['$filter', '$document', '$co
                         angular.extend($scope.selectedModel, finalObj);
                         $scope.externalEvents.onItemSelect(finalObj);
                         if ($scope.settings.closeOnSelect || $scope.settings.closeOnDeselect) $scope.open = false;
-
-                        return;
-                    }
-
-                    dontRemove = dontRemove || false;
-
-                    var exists = findIndex($scope.selectedModel, findObj) !== -1;
-
-                    if (!dontRemove && exists) {
-                        $scope.selectedModel.splice(findIndex($scope.selectedModel, findObj), 1);
-                        $scope.externalEvents.onItemDeselect(findObj);
-                        if ($scope.settings.closeOnDeselect) $scope.open = false;
-                    } else if (!exists && ($scope.settings.selectionLimit === 0 || $scope.selectedModel.length < $scope.settings.selectionLimit)) {
-                        $scope.selectedModel.push(finalObj);
-                        $scope.externalEvents.onItemSelect(finalObj);
-                        if ($scope.settings.closeOnSelect) $scope.open = false;
-                        if ($scope.settings.selectionLimit > 0 && $scope.selectedModel.length === $scope.settings.selectionLimit) {
-                          $scope.externalEvents.onMaxSelectionReached();
-                        }
+                    } else {
+                    	dontRemove = dontRemove || false;
+
+                    	var exists = findIndex($scope.selectedModel, findObj) !== -1;
+
+                    	if (!dontRemove && exists) {
+                    		$scope.selectedModel.splice(findIndex($scope.selectedModel, findObj), 1);
+                    		$scope.externalEvents.onItemDeselect(findObj);
+                    		if ($scope.settings.closeOnDeselect) $scope.open = false;
+                    	} else if (!exists && ($scope.settings.selectionLimit === 0 || $scope.selectedModel.length < $scope.settings.selectionLimit)) {
+                    		$scope.selectedModel.push(finalObj);
+                    		$scope.externalEvents.onItemSelect(finalObj);
+                    		if ($scope.settings.closeOnSelect) $scope.open = false;
+                    		if ($scope.settings.selectionLimit > 0 && $scope.selectedModel.length === $scope.settings.selectionLimit) {
+                    			$scope.externalEvents.onMaxSelectionReached();
+                    		}
+                    	}
                     }
+                    $scope.externalEvents.onSelectionChanged();
                 };
 
                 $scope.isChecked = function (id) {