Correspondência exata do filtro AngularJS
Eu preciso filtrar uma lista de itens por categoria. Eu quero que o usuário seja capaz de clicar em um botão e, em seguida, ter o filtro aplicado a uma lista.
No momento, tenho isso funcionando até certo ponto.
Digamos, por exemplo, que eu tenha uma lista de filmes, assim renderizada:
<li ng-repeat="movie in movieList | filter:filters">{{ movie.title }}</li>
E eu também tenho uma lista de gêneros de filmes (renderizados como botões, que quando clicados filtram a lista de filmes) renderizados da seguinte forma:
<li ng-repeat="genre in genres">
<a ng-click="filters.genre = genre.name" ng-click='changeGenre(genre.name)'>{{genre.name}}</a>
</li>
(Toda a função 'changeGenre ()' atualiza o escopo para mostrar qual gênero está sendo visualizado atualmente).
Agora isso funciona bem até eu ter uma situação em que, digamos, eu tenho os 2 gêneros: 'Action' e 'Action Adventure'. Quando eu filto por filmes com o gênero 'Action', eu não apenas recebo uma lista de filmes de ação, mas também filmes de ação e aventura.
Existe uma maneira de obter uma correspondência exata usando o filtro?