<div ng-app="app"> <div ng-controller="appCtrl as ctrl" class="body-content panel-body"> <h4 class="text-center text-info">orderBy Filter with Objects by ozkary.com</h4> <div class="container-fluid"> <div class="row"> <div class="control-group"> <div class="controls"> <label class="control-label">Vehicle List by Year</label> <hr/> </div> <div> <h3> Object Collection </h3> <ul> <li ng-repeat="item in ctrl.list | orderBy:'-year'" ng-init="item.name = item.year + ' '+ item.make +' '+ item.model"><i class="fa fa-car fa-2x text-danger"> </i> {{item.name}}</li> </ul> <hr/> <h3> Array Of Objects </h3> <ul> <li ng-repeat="item in ctrl.arr | orderBy:'-year'" ng-init="item.name = item.year + ' '+ item.make +' '+ item.model"><i class="fa fa-car fa-2x text-success"> </i>{{item.name}}</li> </ul> <hr/> </div> </div> </div> <div class="row"> <br /> </div> </div> </div> </div> <br/>
(function(angular) { 'use strict'; var appName = 'app'; var app = angular.module(appName, []); app.controller('appCtrl', ['$scope', appCtrl]); function appCtrl($scope) { var ctrl = this; var list = {}; list[2009] = { make: 'Nissan', model: 'Altima', year: 2009 }; list[2010] = { make: 'Nissan', model: 'XTerra', year: 2010 }; list[2012] = { make: 'Nissan', model: 'Maxima', year: 2012 }; ctrl.list = list; var arr = Object.keys(list).map(function(key) { return list[key]; }); ctrl.arr = arr; } })(angular);