I'm using AngularJS and it's great. I can't find it in the Documentation - What is the equivalent in Javascript to this AngularJS expression:
<div>{{ (myList| filter:mySearch).length }}</div>
Thanks for the help.
-
1possible duplicate of How to use filter in controller in angularjs?pkozlowski.opensource– pkozlowski.opensource2013-02-18 13:11:01 +00:00Commented Feb 18, 2013 at 13:11
-
You are correct, I didn't search enough. It's the same thing, sorry for duplicating.A-Palgy– A-Palgy2013-02-18 13:32:29 +00:00Commented Feb 18, 2013 at 13:32
Add a comment
|
3 Answers
It's on Angular's filter documentation:
In HTML Template Binding
{{ filter_expression | filter:expression }}
In JavaScript
$filter('filter')(array, expression)
In your case, it would look something like $filter('filter')(myList, mySearch).
7 Comments
A-Palgy
Thanks, that’s what I thought to do, but I had a problem with $filter being "not defined". I didn't include it.. Now it's included and this is working. Thanks!
neaumusic
What does the string 'filter' do?
Cody
Ditto -- what's the purpose of
'filter' in the first link of the Curry-chain?
bmleite
@Cody
$filter('filter') returns the filter function, where 'filter' refers to the name of the filter you want. In this case, since it is a generic filter, Angular team simply decided to named it 'filter'.
Netsi1964
You can use
$filter to use AngularJS filter function on arrays from within your javascript code. Say you want to sort an array of objects on a property sum. You could do that like this: $filter('orderBy')(myArr, "sum", false) - which is the same as doing it in a ng-repeatlike this: ng-repeat="t in myArr | orderBy:'sum':false". So if somewhere in your code you need to get a version of your array sorted as in the ng-repeat this is handy. Please remember that it will only work on a scope. I use to store my $scope in a global $gs. Makes testing easier: $gs.$filter... |
As an alternative syntax you can also inject a filter directly, without going through the $filter service. For example to inject filter filter to your controller you could write:
MyCtrl = function($scope, filterFilter) {
$scope.filtered = filterFilter(myArray, expression);
}
A question very similar to How to use a filter in a controller?
answered Feb 18, 2013 at 13:10
pkozlowski.opensource
117k60 gold badges329 silver badges286 bronze badges
Comments
In your html
<input ng-model="search">
<div ng-repeat="thing in things | filter:searchResults"></div>
In your JS
$scope.$watch('search', function (newValue, oldValue) {
var searchResults = filterFilter($scope.things, $scope.search);
});
1 Comment
beanic
Do you know how do exactly that with the Fuzzy code? github.com/a8m/angular-filter#fuzzy