AngularJS: ng-options

by Sajeetharan Sinnathurai

HTML

<div ng-app="optionsApp" ng-controller="optionsController as vm">
    <select ng-options="p.gender  for p in vm.genderArray" 
            ng-model="vm.selectedPerson">
    </select>
    <p>You selected {{vm.selectedPerson.gender}} {{vm.selectedPerson.lastName}}!</p>
</div>

JavaScript

var optionsApp = angular.module('optionsApp', []);
optionsApp.controller('optionsController', optionsController);

function optionsController() {
    var vm = this;
    
    vm.genderArray = [
        { id: 1, gender: 'Male' },
        { id: 2, gender: 'Female'},
      
    ];
    vm.selectedPerson = '';
}