Почему мой пользовательский фильтр не работает?

Question

app.js

angular.module('capilleira.clickAndGambleMobile', [ 
'capilleira.clickAndGambleMobile.filters' 
)] 

filter.js

angular.module('capilleira.clickAndGambleMobile.filters', []) 
    .filter('sportsFiltered', function() { 
    return function(output) { 

     return alert('I AM THE FILTER'); 

    } 
    }); 

whatever.html

<!--HERE IS THE NG-MODEL--> 
<input type="text" ng-model="sportsFiltered"> 


<div ng-repeat="sport in sportsFilter = (sports | filter:sportsFiltered)"> 
    {{sport.name}} 
</div> 


<div ng-repeat="league in sport.leagues | filter: {leagues: [{'name':sportsFiltered}]}}"> 
    {{league.name}} 
</div> 

почему этот фильтр не делает alert? или что я могу сделать, чтобы понять, что фильтр работает или нет?

Answer 1

Вы используете фильтр Неправильно, вы создали весь фильтр, так что вы должны использовать его непосредственно в качестве

sports | sportsFiltered 

вместо

sports | filter:sportsFiltered 

При использовании (sports | filter:sportsFiltered) он считается фильтр (встроенный фильтр) comparator, который вы можете настроить, и он просто запустит эту функцию (по области) и на основе правды/фальшивки, она решит, показывать ли этот элемент или нет. Поэтому, в конце концов, он даже не рассматривает фактический фильтр, который вы создали.

{{filter_expression | фильтр: выражение: компаратор}}