<!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"]
}]