Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bug: Several collection-repeat on the same template

See original GitHub issue

Type: bug

Platform: android 4.4 webview

I have a ion-list with several ion-item like that:

<ion-list>
        <ion-item class="item-divider">
            Pending
        </ion-item>
        <ion-item
                collection-repeat="pending in pendings">
            <h2>{{pending}}</h2>
        </ion-item>
        <ion-item class="item-divider">
            Recent
        </ion-item>
        <ion-item class="item-text-wrap"
                  collection-repeat="recent in recents">
            <h2">{{recent}}</h2>
        </ion-item>
</ion-list>

The items are not displayed and I get

Uncaught RangeError: Maximum call stack size exceeded
RepeatController.scrollView.__callback

The error is in the following code:

    scrollView.__callback = function(transformLeft, transformTop, zoom, wasResize) {
      var scrollValue = view.getScrollValue();
      if (renderStartIndex === -1 ||
          scrollValue + view.scrollPrimarySize > renderAfterBoundary ||
          scrollValue < renderBeforeBoundary) {
        render();
      }
   ====>   scrollView.__$callback(transformLeft, transformTop, zoom, wasResize);
    };

Please note that this error occurs with JS Scrolling. If I have only one collection-repeat instead of 2, it’s OK.

I also tried one collection-repeat and one ng-repeat with native scrolling and the collection-repeat does not display all the items.

Issue Analytics

State:
Created 8 years ago
Comments:20 (3 by maintainers)

Top GitHub Comments

1reaction

Arxicommented, May 16, 2016

+1 same issue here.

Cordova CLI: 6.1.1 Gulp version: CLI version 3.9.0 Gulp local: Local version 3.9.0 Ionic Version: 1.3.0 Ionic CLI Version: 1.7.14 Ionic App Lib Version: 0.7.0 OS: Distributor ID: LinuxMint Description: Linux Mint 17.2 Rafaela Node Version: v0.12.14

0reactions

EduardMalikcommented, Sep 28, 2016

+1. Now use ng-repeat, but it’s slow for >100 records list

Cordova CLI: 6.3.1 Gulp version: CLI version 3.9.0 Gulp local: Local version 3.9.1 Ionic Framework Version: 1.3.1 Ionic CLI Version: 1.7.16 Ionic App Lib Version: 0.7.3 OS: Distributor ID: Ubuntu Description: Ubuntu 15.04 Node Version: v1.8.4

Top Results From Across the Web

bug in angular when data bing inside ngfor loop

The reason that the iShouldrepeatOneTime method is called 4 times is because of Angular's default ChangeDetectionStrategy.

[Bug] Dashboard row 'repeat for variable' broken #9547 - GitHub

I have a dashboard with a template variable (that allows multi/all selection, and reload on time range change) and a row that repeats...

10 Bug Report Template Options that will Skyrocket your QA ...

Ready-to-use bug defect report templates all utilize several core pieces. ... template for reporting, tracking, and prioritizing bugs in the same place you ......

Conditional Repeat Grid contents - different sets of items ...

Conditional Repeat Grid contents - different sets of items share different "templates". Allow me to have various layout types iterating ...

Customize the "Bug" Work Item Template

Learn how to customize the work item template for a bug to specify that only Testers can change the status to Closed.