angular dropdown

by manoj

HTML

<div ng-app>
<div ng-controller="Ctrl">
      
    <select ng-options="c.name for c in rootEntry | orderBy:'age'" ng-model="selectedRoot"></select>
    <div>{{selectedRoot}}</div>
      
</div>
</div>

JavaScript

function Ctrl($scope, orderByFilter) {
    
    $scope.rootEntry = [{name:'Mary', phone:'555-9876', age:19, date:'2011-06-12T00:00:00.000Z'},{name:'John', phone:'555-1212', age:10, date:'2011-06-11T00:00:00.000Z'},{name:'Mike', phone:'555-4321', age:21, date:'2011-07-13T00:00:00.000Z'},{name:'Adam', phone:'555-5678', age:35, date:'2011-05-14T00:00:00.000Z'},{name:'Julie', phone:'555-8765', age:29, date:'2011-06-15T00:00:00.000Z'}];
    
    var s  = orderByFilter($scope.rootEntry, 'age');
    $scope.selectedRoot = s[0];
    
}