угловой нг-повтор фильтра по номеру

Question

У меня возникли некоторые проблемы фильтрации списка по типу (номер) в угловом (1.5.8)

мой нг повторе с фильтром заключается в следующем:

ng-repeat="activity in guild.history_updates | filter : { 
    action_type: filters.action_type, 
    user_id: filters.user, 
}" 

и мой фильтр

<md-input-container class="md-block"> 
    <label>Type</label> 
    <md-select ng-model="filters.action_type"> 
     <md-option> 
      All 
     </md-option> 
     <md-option ng-repeat="action_type in guildActivityCtrl.action_types" 
      ng-value="action_type.type"> 
      {{action_type.name}} ({{ action_type.type }}) 
     </md-option> 
    </md-select> 
</md-input-container> 

Когда я фильтрации на ACTION_TYPE 1 Я также получаю типы действий 10

Но когда я Ставить фильтр 10, я получаю право результаты

Каждый другой тип действия фильтруется хорошо, как хорошо (например, ACTION_TYPE 3)

Answer 1

ng-repeat="activity in guild.history_updates | filter:{action_type:filters.action_type,user_id: filters.user}:true" 

Добавление ": правда" после того, как ваш фильтр должен изменить это к строгой проверке равенства, теперь сравнения числовых значений.

Надеюсь, это поможет.

https://docs.angularjs.org/api/ng/filter/filter

В разделе Аргументы определяет компаратор.

Answer 2

Как сказал Нил Гамильтон, мы должны добавить :true, чтобы добавить строгую проверку равенства.

Добавление :true не будет работать, если на выходе мкр-выбора не является числом, поэтому мы можем добавить фильтр для разбора вывода в ряд, как:

.filter('parseInt', function() { 
    return function(number) { 
     if(!number) { 
      return false; 
     } 
     return parseInt(number , 10); 
    }; 
}) 

Мы можем добавить этот фильтр для фильтрации нг-повторы, как:

ng-repeat="activity in guild.history_updates | filter : { 
    action_type: (filters.action_type | parseInt), 
    user_id: filters.user, 
} : true" 

Edit: Если вы не хотите строгой проверки каждого значения в фильтрах можно использовать несколько фильтров, таких как:

ng-repeat="activity in guild.history_updates 
| filter : { 
    action_type: (filters.action_type | parseInt), 

} : true 
| filter: { 
    user_id: filters.user 
}"