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">
<div ng-app="exampleApp" ng-controller="appController">
<select class="form-control" ng-model="disabledOptions">
<option
ng-repeat="fruit in example13data"
ng-value="fruit.label"
>{{fruit.label}}</option>
</select>
<br><br>
<select class="form-control" multiple ng-model="disabledOptions1">
<option
ng-repeat="fruit in example13data"
ng-disabled="disabledOptions.indexOf(fruit.label) !== -1"
ng-value="fruit.label"
>{{fruit.label}}</option>
</select>
</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.disabledOptions = ['David'];
$scope.disabledOptions1 = $scope.example13data[0];
}]);