<!DOCTYPE html>
<html>
<head>
<link data-require="bootstrap@*" data-semver="3.3.2" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
<script data-require="bootstrap@*" data-semver="3.3.2" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script data-require="angular.js@*" data-semver="1.3.14" src="https://code.angularjs.org/1.3.14/angular.js"></script>
<script data-require="lodash.js@*" data-semver="3.5.0" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.5.0/lodash.js"></script>
<script data-require="jquery@2.1.3" data-semver="2.1.3" src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="https://rawgit.com/myforce/angularjs-dropdown-multiselect/master/src/angularjs-dropdown-multiselect.js"></script>
<script src="script.js"></script>
</head>
<body ng-app="myApp">
<div ng-controller="MyController">
<h2>{{test}}</h2>
<div ng-dropdown-multiselect=""
options="example8data"
selected-model="example8model"
extra-settings="example8settings">
</div>
</div>
</body>
</html>
// Code goes here
var myApp = angular.module('myApp',['angularjs-dropdown-multiselect']);
myApp.controller("MyController",['$scope',function($scope){
$scope.test = "No checkbox list in dropdown ;(";
$scope.example8model = [];
$scope.example8data = [ {id: 1, label: "David"}, {id: 2, label: "Jhon"}, {id: 3, label: "Danny"} ];
$scope.example8settings = {
checkBoxes: true,
dynamicTitle: false,
showUncheckAll: false,
showCheckAll: false
};
}]);
/* Styles go here */