Как отфильтровать список в AngularJS по нескольким ссылкам

Я просмотрел много уроков о том, как фильтровать список, и не могу найти пример для моего простого варианта использования.

У меня есть несколько кнопок, таких как

<a href="#" id="filter-by-name">Name</a>
<a href="#" id="filter-by-age">Age</a>
<a href="#" id="filter-by-height">Height</a>

у меня естьvar persons = {...} объект, и я отображаю его как

<div ng-repeat="person in persons">
  {{person.name...}}
</div>

Как мне создать фильтр, чтобы при каждом нажатии на одну из кнопок список фильтровался?

Я пробовал добавлятьng-repeat="person in persons | filter:filterPersons" и на стороне сценария написать:

$scope.filterPersons(person){
  if (person.name == "John")
    return person;
}

но это только один вариант использования (как я могу фильтровать по другому имени?) - другими словами -Как мне подключить ссылки к фильтру?

Ответы на вопрос(2)

Ваш ответ на вопрос