angularjs calling Filter twice with ng-repeat

javascript angularjs angularjs-filter
Catmandu picture Catmandu · Dec 27, 2013 · Viewed 7.4k times · Source

I am new to angularjs and trying to learn concept of filters.But in my case angularjs is calling the filter twice.I was expecting filter to run only once but its running twice. Cant understand why this is happening..

here is my plunker...

Answer

Goddard picture Goddard · Dec 27, 2013

If i don't take your question wrong, this is the same question as here

Angularjs uses a 'dirty-check' approach, so it need to call all the filters to see if exists any change. After this it detect that have a change on one variable(the one that you typed) and then it execute all filters again to detect if has other changes.

To be more clear understanding, stackoverflow this question will explain in more detail by expert in angularjs

Here is another plunker same calling filter twice

The first call is from the watchers that are detecting the change. Because there is one then they need to be called again to see if is there news changes because a watcher can make changes.

Related questions

Angular.js ng-repeat filter by property having one of multiple values (OR of values)

Is it possible to filter an array of objects, such that the value of property can be either of a few values (OR condition) without writing a custom filter This is similar to this problem - Angular.js ng-repeat :filter …

Read More
angularjs force uppercase in textbox

I've tried using the uppercase filter but it does not work. I've tried doing it two ways: <input type="text" ng-model="test" uppercase/> and <input type="text" ng-model="{{test | uppercase}}"/> The 2nd triggers a javascript error: …

Read More
Angular filter to replace all underscores to spaces

I need a filter to replace all the underscores to spaces in a string

Read More