AngularJS: Error while interpolating: {{ $index + 1 }}

Question

I used $index inside simple ng-repeat to show items' number:

 <li ng-repeat="item in dataList | limitTo:5">
      <span>{{ $index + 1 }} </span>
 </li>

And it worked OK for long time.

But sudden couple days ago I started getting:

Error: Error while interpolating: {{ $index + 1 }} illegal access
at Error (native)
at Object.k (/vendors/angular/angular.min.js:55:287)
at Object.e.$digest (/vendors/angular/angular.min.js:90:233)
at Object.e.$apply (/vendors/angular/angular.min.js:92:431)
at Object.<anonymous> (/js/controllers/HomePage.js:99:28)
at l (/vendors/jquery/jquery.min.js:4:24797)
at Object.c.fireWith [as resolveWith] (/vendors/jquery/jquery.min.js:4:25618)
at k (/vendors/jquery/jquery.min.js:6:5201)
at XMLHttpRequest.<anonymous> (/vendors/jquery/jquery.min.js:6:9005)

at both production and local environments.

Data in dataList is correct and the same as was all time previous.

It is reproducible only in latest Chrome (32.0.1700.14) in other browsers it still working correct.

Any ideas why this can happen and how it can be fixed?

Angular version: 1.1.5.

What happened couple of days ago? :) Debugging with non-minified angular & jquery versions might help. — Heikki
– Heikki, Commented Nov 14, 2013 at 22:01
Couple days ago Google Chrome has been updated to 32.0.1700.14 :) — he-yaeh
– he-yaeh, Commented Nov 14, 2013 at 22:05
I cant reproduce, even with canary v33. Can you create a plunker with this code please? — Deividi Cavarzan
– Deividi Cavarzan, Commented Nov 14, 2013 at 22:21
Similar issue: code.google.com/p/chromium/issues/detail?id=318671 — Heikki
– Heikki, Commented Nov 14, 2013 at 22:45

he-yaeh · Accepted Answer · 2013-11-15 08:47:02Z

1

Debugging showed that exception is thrown from angular.js:6371 on native adding operation, and it is not about AngularJS itself.

For those who are getting same issue, looks like the only solution is to find any alternative way of implementing your task on which it is failing. At least till next Google Chrome update.

Thanks to @Heikki for pointing to chromium issues tracker.

answered Nov 15, 2013 at 8:47

he-yaeh

4334 silver badges6 bronze badges

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

Comments

radu-c · Accepted Answer · 2013-11-15 13:35:58Z

1

Since the bug is related to String + Number concatenation I am using toString() on the numbers as a temp workaround.

{{($index + 1).toString()}}

worked in my case.

answered Nov 15, 2013 at 13:35

radu-c

1846 bronze badges

Collectives™ on Stack Overflow

AngularJS: Error while interpolating: {{ $index + 1 }}

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