Untitled

<!DOCTYPE html>
<html>

  <head>
    <script src="https://code.angularjs.org/1.4.3/angular.js" data-semver="1.4.3" data-require="angular.js@*"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body data-ng-app="myApp" data-ng-controller="MyCtrl as vm">
    <select data-ng-model="vm.model" data-ng-options="option as option.studentName for option in vm.options track by option.id"></select>
    
    <br>
    <div>Model : {{vm.model}}</div>
    <br>
    <div>Options :<br>[ <div data-ng-repeat='option in vm.options'>{{option}}</div></div>
    ]
  </body>

</html>

// Code goes here
angular.module('myApp',[]);

angular.module('myApp').
controller('MyCtrl',MyCtrl);

function MyCtrl(){
  var vm = this;
  
  vm.model = {studentId:1,studentName:'Dheepan'};
  
  vm.options = [{studentId:1,studentName:'Dheepan'},
                {studentId:2,studentName:'Raju'}
               ];
               
  
}

/* Styles go here */