You have the option to define a filter in two different ways.
- One way is to define it as a function of
$scope, customized according to your preferences.
- Alternatively, you can create your own personalized filter.
In the latter case, when invoking $filter, you will need to provide an array as a parameter to filter your items.
Check out this live example on jsfiddle
<form name="ExampleForm">
Filtering using $scope function fillArr
<div ng-repeat="a in arr|filter:fillArr">
{{a}}
</div>
Filtering with custom filter filArrFilter
<div ng-repeat="a in arr|filArrFilter">
{{a}}
</div>
Manual filtering in $scope
<div ng-repeat="a in filteredArr">
{{a}}
</div>
</form>
JavaScript controller snippet:
$scope.arr = [1, 2, 3, 4, 5, 6, 8];
$scope.fillArr = function(item) {
return item % 2 == 0;
}
$scope.filteredArr = $filter('filArrFilter')($scope.arr);
JavaScript filter snippet:
.filter('filArrFilter', function() {
return function(items) {
var result = [];
angular.forEach(items, function(item) {
if (item % 2 == 0)
result.push(item);
});
return result;
}
})