<!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('userJSON.json')
.success(function(data) {
$scope.users = data;
});
});
</script>
</head>
<body ng-app="optionApp">
<div ng-controller="optionCtrl">
<h1>Selecting Multiple Options</h1>
<div>User List to select multiple user</div>
<select ng-model="countries" 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",
"cities": ["New Delhi", "Delhi 96"]
}, {
"Id": 2,
"Name": "Sunil",
"cities": ["Lumbini", "Lumbini"]
}, {
"Id": 3,
"Name": "Reena",
"cities": ["London", "Manchester"]
}, {
"Id": 4,
"Name": "Sushil",
"cities": ["Lumbini", "Lumbini"]
}, {
"Id": 5,
"Name": "Aradhya",
"cities": ["London", "Manchester"]
}]