ng-options directive generate list of student names using array of object "students".The selected student will show object of that student because selected student object bound to the Studentvariable with ng-model directive.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Welcome to LearnKode - A code learning platform</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
</head>
<body ng-app="Example">
<div ng-controller="ExampleController" ng-init="StudentId=1">
Students: <select ng-model="Student" ng-options="student as student.name for student in students"></select>
<pre>studentObj: {{Student}}</pre>
</div>
<script>
var app = angular.module("Example", []);
app.controller('ExampleController', ['$scope', function ($scope) {
$scope.students = [{ name: 'Herry', id: 1, Address: 'St.Xavier Street' }, { name: 'John', id: 2, Address: 'St.Xavier Street 2' }, { name: 'Peter', id: 3, Address: 'St.Xavier Street 3' }];
}]);
</script>
</body>
</html>
