Closes bentorfs#2

Author: Ben TORFS

dist/angular-bootstrap-multiselect-templates.js

@@ -39,7 +39,7 @@ angular.module("multiselect.html", []).run(["$templateCache", function($template
     "\n" +
     "        <li ng-show=\"showSearch\" class=\"divider\"></li>\n" +
     "        <li role=\"presentation\" ng-repeat=\"option in unselectedOptions | filter:search() | limitTo: searchLimit\"\n" +
-    "            ng-if=\"!isSelected(option)\">\n" +
+    "            ng-if=\"!isSelected(option)\" ng-class=\"{disabled : selectedOptions.length >= selectionLimit}\">\n" +
     "            <a class=\"item-unselected\" href=\"\" ng-click=\"toggleItem(option); $event.stopPropagation()\">\n" +
     "                {{getDisplay(option)}}\n" +
     "            </a>\n" +

dist/angular-bootstrap-multiselect.js

@@ -242,7 +242,7 @@ angular.module("multiselect.html", []).run(["$templateCache", function($template
     "\n" +
     "        <li ng-show=\"showSearch\" class=\"divider\"></li>\n" +
     "        <li role=\"presentation\" ng-repeat=\"option in unselectedOptions | filter:search() | limitTo: searchLimit\"\n" +
-    "            ng-if=\"!isSelected(option)\">\n" +
+    "            ng-if=\"!isSelected(option)\" ng-class=\"{disabled : selectedOptions.length >= selectionLimit}\">\n" +
     "            <a class=\"item-unselected\" href=\"\" ng-click=\"toggleItem(option); $event.stopPropagation()\">\n" +
     "                {{getDisplay(option)}}\n" +
     "            </a>\n" +

dist/angular-bootstrap-multiselect.min.js

@@ -35,7 +35,7 @@
 
         <li ng-show="showSearch" class="divider"></li>
         <li role="presentation" ng-repeat="option in unselectedOptions | filter:search() | limitTo: searchLimit"
-            ng-if="!isSelected(option)">
+            ng-if="!isSelected(option)" ng-class="{disabled : selectedOptions.length >= selectionLimit}">
             <a class="item-unselected" href="" ng-click="toggleItem(option); $event.stopPropagation()">
                 {{getDisplay(option)}}
             </a>

src/multiselect.html

@@ -79,4 +79,26 @@ describe('Multiselect, using string models, ', function () {
         expect(selectedItems.count()).toBe(0);
     });
 
+    it('cannot select more than the selection limit', function () {
+        browser.get('test/e2e/test-stringvalues.html');
+
+        var form = element(by.name('selectionLimitTest'));
+        form.element(by.className('dropdown-toggle')).click();
+        var unselectedItems = form.all(by.tagName('li')).all(by.className('item-unselected'));
+        expect(unselectedItems.count()).toBe(4);
+        var selectedItems = form.all(by.tagName('li')).all(by.className('item-selected'));
+        expect(selectedItems.count()).toBe(0);
+
+        unselectedItems.get(0).click();
+        unselectedItems.get(1).click();
+        unselectedItems = form.all(by.tagName('li')).all(by.className('item-unselected'));
+        expect(unselectedItems.count()).toBe(2);
+        selectedItems = form.all(by.tagName('li')).all(by.className('item-selected'));
+        expect(selectedItems.count()).toBe(2);
+
+        // The other items should now be disabled
+        var disabledItems = form.all(by.className('disabled'));
+        expect(disabledItems.count()).toBe(2);
+    });
+
 });