Angular ng-repeat on-filter

Question

Does angular have a onfilter method or onquery as you type to query through results:

for example:

<input type='text' ng-model='query'>
<table>
    <tr>
        <td>Name</td>
        <td># of Enrollments</td>
    </tr>
    <tr ng-repeat='c in courses | filter:query' onfilter='someStuff()'>
        <td>{{c.name}}</td>
        <td>{{c.enrollmentLength}}</td>
    </tr>
</table>

when I type in the input text the letter "a", I want it to call the someStuff() function.

Why not just do <input type='text' ng-model='query' ng-change="someStuff()">? — dave
– dave, Commented Jul 22, 2014 at 16:56

lucuma · Accepted Answer · 2014-07-22 16:56:49Z

4

The way you do this is with a watch inside your controller:

$scope.$watch('query', function(newval) {
   // this will fire when query is changed
});

answered Jul 22, 2014 at 16:56

lucuma

18.3k4 gold badges68 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Andy Gaskell · Accepted Answer · 2014-07-22 17:11:22Z

1

Filter can call a function instead of using an expression. Here's an example:

$scope.processQuery = function(course) {
  // do some processing
};


<input type='text' ng-model='query'>
<table>
    <tr>
        <td>Name</td>
        <td># of Enrollments</td>
    </tr>
    <tr ng-repeat='c in courses | filter:processQuery'>
        <td>{{c.name}}</td>
        <td>{{c.enrollmentLength}}</td>
    </tr>
</table>

answered Jul 22, 2014 at 17:11

Andy Gaskell

31.8k6 gold badges79 silver badges84 bronze badges

Collectives™ on Stack Overflow

Angular ng-repeat on-filter

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related