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