Add attribute to set a custom text when no options selected

Author: Christian Musa

dist/angular-bootstrap-multiselect.js

@@ -26,16 +26,19 @@
                 showUnselectAll: '=?',
                 showSearch: '=?',
                 searchFilter: '=?',
-                disabled: '=?ngDisabled'
+                disabled: '=?ngDisabled',
+                defaultText: '@'
             },
             require: 'ngModel',
             templateUrl: 'multiselect.html',
             link: function ($scope, $element, $attrs, $ngModelCtrl) {
                 $scope.selectionLimit = $scope.selectionLimit || 0;
                 $scope.searchLimit = $scope.searchLimit || 25;
+                $scope.defaultText = $scope.defaultText || 'Select';
 
                 $scope.searchFilter = '';
 
+                $scope.resolvedOptions = [];
                 if (typeof $scope.options !== 'function') {
                     $scope.resolvedOptions = $scope.options;
                 }
@@ -116,12 +119,12 @@
                         var totalSelected;
                         totalSelected = angular.isDefined($scope.selectedOptions) ? $scope.selectedOptions.length : 0;
                         if (totalSelected === 0) {
-                            return 'Select';
+                            return $scope.defaultText;
                         } else {
                             return totalSelected + ' ' + 'selected';
                         }
                     } else {
-                        return 'Select';
+                        return $scope.defaultText;
                     }
                 };
 

dist/angular-bootstrap-multiselect.min.js

@@ -26,13 +26,15 @@
                 showUnselectAll: '=?',
                 showSearch: '=?',
                 searchFilter: '=?',
-                disabled: '=?ngDisabled'
+                disabled: '=?ngDisabled',
+                defaultText: '@'
             },
             require: 'ngModel',
             templateUrl: 'multiselect.html',
             link: function ($scope, $element, $attrs, $ngModelCtrl) {
                 $scope.selectionLimit = $scope.selectionLimit || 0;
                 $scope.searchLimit = $scope.searchLimit || 25;
+                $scope.defaultText = $scope.defaultText || 'Select';
 
                 $scope.searchFilter = '';
 
@@ -117,12 +119,12 @@
                         var totalSelected;
                         totalSelected = angular.isDefined($scope.selectedOptions) ? $scope.selectedOptions.length : 0;
                         if (totalSelected === 0) {
-                            return 'Select';
+                            return $scope.defaultText;
                         } else {
                             return totalSelected + ' ' + 'selected';
                         }
                     } else {
-                        return 'Select';
+                        return $scope.defaultText;
                     }
                 };
 

src/multiselect.js

@@ -41,14 +41,22 @@ describe("The multiselect directive, when using string models,", function () {
         expect(element.isolateScope().unselectedOptions.length).toBe(3);
     });
 
-    it('shows a label on the button when no items have been chosen', function () {
+    it('shows a default label on the button when no items have been chosen', function () {
         $scope.options = ['el1', 'el2', 'el3'];
         var element = $compile("<multiselect ng-model='selection' options='options'></multiselect>")($scope);
         $scope.$digest();
 
         expect(element.isolateScope().getButtonText()).toBe('Select');
     });
 
+    it('shows a custom label on the button when no items have been chosen', function () {
+        $scope.options = ['el1', 'el2', 'el3'];
+        var element = $compile("<multiselect ng-model='selection' options='options' default-text='dummy'></multiselect>")($scope);
+        $scope.$digest();
+
+        expect(element.isolateScope().getButtonText()).toBe('dummy');
+    });
+
     it('shows the name of the element when one item is chosen', function () {
         $scope.options = ['el1', 'el2', 'el3'];
         $scope.selection = ['el1'];