AngularJS - Ordering a set of results - Basic version

In the following example, we let the user select from a drop down list the order criteria he/she wants to apply. The we iterate over our results and apply the selected order. Angular is actually reordering the set based on property name matching. As long as the string representing the order criteria matches a property in our iterated elements (person in this example), the magic occurs.

    <div>
      <h3>Order By:</h3>
      <select data-ng-model='selectedSortOrder'
           data-ng-options="option for option in ['name', 'lastName', 'age']" 
           data-ng-init="selectedSortOrder='name'">
      </select>
   </div>
   <div >
     <h3>List of results:</h3>
     <div ng-repeat="person in results | orderBy:selectedSortOrder">
       {{person.name}} {{person.lastName}} - {{person.age}}
     </div>
   </div>

Note:

Useful links:

• AngularJS Docs: orderBy

Working Example: Plunkr