How to use filter in javascript instead of html

Question

I use AngularJS and it is great. I can not find it in the documentation. What is equivalent in Javascript for this AngularJS expression:

<div>{{ (myList| filter:mySearch).length }}</div> 

Thanks for the help.

Answer 1

In the Angular documentation, filter :

HTML template binding

{{filter_expression | filter: expression}}

In javascript

$ filter ('filter') (array, expression)

In your case, it would look like $filter('filter')(myList, mySearch) .

Answer 2

As an alternative syntax, you can also directly insert a filter without going through the $filter service. For example, to add a filter filter to a controller, you can write:

 MyCtrl = function($scope, filterFilter) { $scope.filtered = filterFilter(myArray, expression); } 

A question very similar to How to use a filter in a controller?

Answer 3

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); });