var app = angular.module('myApp', []);
app.controller('ctrl1', function($scope) {
$scope.friends = [
{name:'John', age:25, gender:'boy'},
{name:'Jessie', age:30, gender:'girl'},
{name:'Johanna', age:28, gender:'girl'},
{name:'Joy', age:15, gender:'girl'},
{name:'Mary', age:28, gender:'girl'},
{name:'Peter', age:95, gender:'boy'},
{name:'Sebastian', age:50, gender:'boy'},
{name:'Erika', age:27, gender:'girl'},
{name:'Patrick', age:40, gender:'boy'},
{name:'Samantha', age:60, gender:'girl'}
];
});
<body ng-app="myApp">
<div ng-controller="ctrl1">
<label>Search: <input ng-model="searchText"></label>
<div ng-repeat="friend in friends | filter:searchText">
<span> {{ friend.name }} </span>
<span> {{ friend.age }} </span>
<span> {{ friend.gender }} </span>
</div>
<hr/>
<div ng-repeat="friend in friends | orderBy:'age'">
<span> {{ friend.name }} </span>
<span> {{ friend.age }} </span>
<span> {{ friend.gender }} </span>
</div>
</div>
</body>
External resources loaded into this fiddle: