angular ng-repeat filter by number - angularjs

Question

I'm having some trouble filtering an list by type (number) in angular (1.5.8)
my ng repeat with filter is as following:
ng-repeat="activity in guild.history_updates | filter : {
action_type: filters.action_type,
user_id: filters.user,
}"
and my filter
<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>
When I'm filtering on action_type 1 I'm also getting action types 10
But when I chage the filter to 10, I'm getting the right results
Every other action type is filtered good as well (e.g. action_type 3)

Answer 1

ng-repeat="activity in guild.history_updates | filter:{action_type:filters.action_type,user_id: filters.user}:true"
Adding ":true" after your filter should change this to a strict equality check, now comparing the numeric values.
Hope this helps.
https://docs.angularjs.org/api/ng/filter/filter
The Arguments section defines the comparator.

Answer 2

Like Neal Hamilton said, we need to add :true to add a strict equality check.
Adding :true won't work when the output of the md-select isn't a number so we can add a filter to parse the output to a number like:
.filter('parseInt', function() {
return function(number) {
if(!number) {
return false;
}
return parseInt(number , 10);
};
})
We can add this filter to the ng-repeats' filter like:
ng-repeat="activity in guild.history_updates | filter : {
action_type: (filters.action_type | parseInt ),
user_id: filters.user,
} : true"
Edit: When you don't want to strict check every value in the filters you can use multiple filters like:
ng-repeat="activity in guild.history_updates
| filter : {
action_type: (filters.action_type | parseInt ),
} : true
| filter: {
user_id: filters.user
}"