Angular js drop down auto values

by sathish panduga p

HTML

<div ng-controller="DemoCtrl" ng-app="main">
        
 <label>Location:</label> <select ng-model="selectedProfile.pid" ng-options="c.pid as c.loc for c in res_dataset"></select>
 
<label>Experience:</label> <select ng-model="selectedProfile.pid" ng-options="c.pid as c.exp for c in res_dataset"></select>

<label>Gender:</label> <select ng-model="selectedProfile.pid" ng-options="c.pid as c.gender for c in res_dataset"></select>

<br/>
    <br />
    <span>Selected pid id is {{selectedProfile.pid}}</span>   
    
</div>

JavaScript

var app = angular.module('main', []);
app.controller('DemoCtrl', function ($scope) {

    $scope.res_dataset=[
        {"pid" : 1, loc : "Bangalore", exp: 4, gender:1 },
        {"pid" : 2, loc : "Hyderabad", exp: 4, gender:2 },
        {"pid" : 3, loc : "Bangalore", exp: 3, gender:1 },
        {"pid" : 4, loc : "Mumbai", exp: 3, gender:1 }
    ];
    
    $scope.selectedProfile = angular.copy($scope.res_dataset[0]);
});