Как отфильтровать список в 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;
}
но это только один вариант использования (как я могу фильтровать по другому имени?) - другими словами -Как мне подключить ссылки к фильтру?