Muszę przefiltrować listę elementów według ich kategorii. Chcę, aby użytkownik mógł kliknąć przycisk, a następnie zastosować filtr do listy.

W tej chwili mam to do pewnego stopnia.

Powiedzmy na przykład, że mam listę filmów, w ten sposób:

<li ng-repeat="movie in movieList | filter:filters">{{ movie.title }}</li>

Mam też listę gatunków filmowych (renderowanych jako przyciski, które po kliknięciu będą filtrować listę filmów) renderowane w ten sposób:

<li ng-repeat="genre in genres">
    <a ng-click="filters.genre = genre.name" ng-click='changeGenre(genre.name)'>{{genre.name}}</a>
</li>

(Cała funkcja „changeGenre ()” aktualizuje zakres, aby pokazać, który gatunek jest aktualnie oglądany).

Teraz działa to dobrze, dopóki nie mam sytuacji, w której, powiedzmy, mam dwa gatunki: „Action” i „Action Adventure”. Kiedy filtruję według filmów z gatunkiem „Akcja”, otrzymuję nie tylko listę filmów akcji, ale także filmy przygodowe.

Czy istnieje sposób, w jaki mogę uzyskać dokładne dopasowanie za pomocą filtra?