multiple select in angular js

by manoj

HTML

<div ng-app="">
    <div ng-controller="Ctrl">
        <select ng-options="role.name for role in roles track by role.name" ng-model="user.roles" multiple="multiple"></select>
        {{user.roles}}
    </div>
</div>

JavaScript

function Ctrl($scope) {
    $scope.user = {
        roles: [{
            name: 'USER'
        },{
            name: 'ADMIN'
        }]
    };
    
    $scope.roles = [
        { name: 'ADMIN', id: 1 },
        { name: 'USER', id: 2 },
         { name: 'Manoj', id: 2 }
    ];
}