Open vinodagouda opened 7 years ago
For those who didn't find this at first look, just watch the binding options in the directive, you have :
labels: '=?',
and in the html :
{{getButtonText()}}
which leads to the method and the following option :
$scope.getButtonText = function () { ... $scope.labels && $scope.labels.select ? $scope.labels.select : ($scope.placeholder || 'Select'); ...
so just add the labels option, in the html or in the js :
labels="{selectAll:'Tous',unselectAll:'Aucun',select:'Thème'}"
If there is a better solution to this please share.
@Talhah what do you mean by "better" ?
@aboudard Sorry, this method is the best. I did not understand the solution.
For those who are confused as to where the labels object should be placed please see below example:
<multiselect ng-model="$ctrl.yourModel" options="yourOptions" labels="{select:'Custom Label'}" display-prop="yourProperty"></multiselect>
Nice and simple fix via @aboudard
In bootstrap-multiselect.js file dropdown name is set using nonSelectedText: 'None selected' .You can change none selected to name which you want to set
I would like to change the Select drop down name to some other custom name. For example, I would like to change it to Campaign Select. How to do it? Thanks in advance. I am adding a screen shot below for your reference.