angularjs-dropdown-multiselect with dynamic button text
http://dotansimha.github.io/angularjs-dropdown-multiselect/#/
Smart Button Text
HTML
<script src="https://rawgit.com/dotansimha/angularjs-dropdown-multiselect/master/src/angularjs-dropdown-multiselect.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.0/lodash.js"></script>
<link rel="stylesheet" href="https://bootswatch.com/slate/bootstrap.css">
<h1>
Example of sytled angularjs-dropdown-multiselect
</h1>
<a href="http://dotansimha.github.io/angularjs-dropdown-multiselect/#/">Source documentation</a>
<div ng-app="exampleApp" ng-controller="appController">
<div ng-dropdown-multiselect="" options="example13data" selected-model="example13model" extra-settings="example13settings"></div>
</div>
JavaScript
var myApp = angular.module('exampleApp',['angularjs-dropdown-multiselect']);
myApp.controller('appController', ['$scope', function($scope) {
$scope.example13model = [];
$scope.example13data = [
{id: 1, label: "David"},
{id: 2, label: "Jhon"},
{id: 3, label: "Lisa"},
{id: 4, label: "Nicole"},
{id: 5, label: "Danny"}];
$scope.example13settings = {
smartButtonMaxItems: 3,
smartButtonTextConverter: function(itemText, originalItem) {
if (itemText === 'Jhon') {
return 'Jhonny!';
}
return itemText;
}
};
}]);