Ng-Options-With-Name

 
 
 
<!DOCTYPE html> <html lang="en-US"> <head> <title>Welcome in the Angular JS</title> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.1/angular.min.js"></script> </head> <body ng-app="sampleApplication"> <div ng-controller="sampleController"> <select ng-model="empName" ng-options="emp.name as emp.name for emp in employees"></select> </div> <script> var app = angular.module("sampleApplication", []); app.controller("sampleController", function ($scope) { $scope.employees = [{ name: "Kingsley", age: "25", phoneNumber: "563544466" }, { name: "Knuth", age: "34", phoneNumber: "657865856" }, { name: "Mullally", age: "27", phoneNumber: "679423435" }, { name: "Pasteur", age: "25", phoneNumber: "343667789" }]; }); </script> </body> </html>
Output