<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.js"></script>
<script>
var app = angular.module('optionApp', []);
app.controller('optionCtrl', function ($scope, $http) {
$http.get('user.json')
.success(function (data) {
$scope.users = data;
});
});
</script>
</head>
<body ng-app="optionApp">
<div ng-controller="optionCtrl">
<h1>Selecting multiple users using ng-options in AngularJs</h1>
<div> Select multiple users</div>
<select ng-model="user.name" multiple="true" ng-options="user.name for user in users"></select>
</div>
</body>
</html>
// Code goes here
/* Styles go here */
[{
"Id": 1,
"name": "Anil Singh"
}, {
"Id": 2,
"name": "Sunil"
}, {
"Id": 3,
"name": "Reena"
}, {
"Id": 4,
"name": "Sushil"
}, {
"Id": 5,
"name": "Aradhya"
}]