Przeglądałem wiele samouczków na temat filtrowania listy i nie mogę znaleźć przykładu dla mojego prostego przypadku użycia.

Mam kilka przycisków, takich jak

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

mamvar persons = {...} obiekt i wyświetlam go jak

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

Jak utworzyć filtr, aby za każdym razem, gdy kliknę jeden z przycisków, lista zostanie przefiltrowana?

Próbowałem dodaćng-repeat="person in persons | filter:filterPersons" a po stronie scenariusza napisać:

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

ale to tylko jeden przypadek użycia (jak mogę filtrować według innej nazwy?) - innymi słowy -Jak podłączyć linki do filtra?