Angular-Chosen - Placeholders
To check working of placeholders in angular-chosen directive
HTML
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.5.1/chosen.min.css">
<script src="https://code.jquery.com/jquery-2.1.4.min.js">
</script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-chosen-localytics/1.4.0/angular-chosen.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.5.1/chosen.jquery.min.js"></script>
<body>
<div ng-controller="mainCtrl">
<select class="" chosen="{width:'100%'}" multiple placeholder-text-multiple="Recepients"
ng-model="recepients1" ng-options="x.VAL as x.DES for x in daysCode">
</select>
</div>
</body>
JavaScript
angular.element(document).ready(function() {
var app = angular.module('myApp', [ 'localytics.directives']);
app.controller('mainCtrl', ['$scope', function($scope) {
$scope.daysCode = [
{"VAL":1,"DES":"Sunday","$$hashKey":"object:611"},
{"VAL":2,"DES":"Monday","$$hashKey":"object:612"},
{"VAL":3,"DES":"Tuesday","$$hashKey":"object:613"},
{"VAL":4,"DES":"Wednesday","$$hashKey":"object:614"},
{"VAL":5,"DES":"Thursday","$$hashKey":"object:615"},
{"VAL":6,"DES":"Friday","$$hashKey":"object:616"},
{"VAL":7,"DES":"Saturday","$$hashKey":"object:617"}]
}]);
angular.bootstrap(angular.element('html'), ['myApp']);
});