Why does my Angular function is called in infinite loop?

Question

In my application, I have an `input` field, and if the user enters a specific string (basically a string that matches a regular expression), a `div` is displayed. The (simplified) HTML part: ```

Todo

Hello

World !

``` and my controller : ``` function TodoCtrl($scope) { var reg = /20\d{2}/g; $scope.isValid = function(str) { console.log('Is valid?'); return reg.test(str); } } ``` When the user enters a year (thus validated by the regular expression), I get the following error: ``` Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting! Watchers fired in the last 5 iterations: [["isValid(searchText); newVal: true; oldVal: false"],["isValid(searchText); newVal: false; oldVal: true"],["isValid(searchText); newVal: true; oldVal: false"],["isValid(searchText); newVal: false; oldVal: true"],["isValid(searchText); newVal…

Accepted Answer

It's the `g` at the end of `reg`. When you test the same expression on the same string twise, the second time it searches after what was found the first time. So, if you start with "2001.", the function will return true, then, called again, search the remaining "." and return false.

Here is another answer, explaining how it works.

Why does my Angular function is called in infinite loop?

Solution

Problem

Related problems