<!DOCTYPE html> <html> <head> <title> AngularJS ng-options Examples</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> </head> <body> <div ng-app="myApp" ng-controller="myCtrl"> <b> Select one car :</b> <select ng-model="selectedCar" ng-options="x for (x, y) in cars"> </select> <h2>Your selected : {{selectedCar}}</h2> </div> <script type="text/javascript"> var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.cars = { Car_01 : "Audi S5", Car_02 : "BMW", Car_03 : "Ferrari", Car_04 : "Mercedes-Benz" } }); </script> </body> </html>
Output :
Topic :
AngularJS ng-options
