allaud / quick-ng-repeat Goto Github PK

Have you tried quick-ng-repeat in quick-ng-repeat?
Getting error : Uncaught Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!

Same error for quick-ng-repeat in ng-repeat

Thank you very much to have invented the quick - ng - repeat!
Ng - repeat is too slow, 500 lines of data binding time in 5 seconds,
After using quick - ng - repeat, time to 3 seconds, very good!!!!!!!!!!!
Is there any way to increase to 0.5 seconds?
My data is as follows:

<tr class="text-center"  quick-ng-repeat="l in tzLists.list" quick-repeat-list="ls" ng-cloak>
  <td >
      {{ $index+1 }}
  </td>
  <td>
      {{ l.tz.length }}串1
  </td>
  <td>
      <span quick-ng-repeat="tz in l.tz"
            quick-repeat-list="tzs"
            ng-class="whatClassIsIt(tz.type, tz.rqs)">
              <span class="match">
                  {{ tz.master }}
                  {{  tz.type=="SPF" ? "" : ""+ tz.rqs +"" }}
              </span>
              <span class="sel">{{ tz.selected }}</span>
             {{ tz.sp }}
      </span>
  </td>
  <td> {{ l.djj | number }} </td>
  <td>
      <div class="input-group">
          <span class="input-group-btn">
              <button class="btn btn-default btn-sm" type="button" ng-click="addbei($index,'-')" >-</button>
          </span>
          <input type="text"  ng-model="l.bei" min="0"  class="form-control text-center input-sm"
                 onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)));">
          <span class="input-group-btn">
              <button class="btn btn-default btn-sm" type="button" ng-click="addbei($index,'+')">+</button>
          </span>
      </div>

  </td>
  <td >
      <span ng-class="{'djj_red': l.bei*l.djj > tzLists.sss} "> {{ Math.round(100 * l.bei * l.djj) /100 | number }} </span>
  </td>
</tr> 

I see that people used and appreciated it, but I'm not able to even get it working.
Example you have in your repo. is too complex having css and things..
I'm not expert in angular and I need a simple fiddle / plunkr showing your directive working. Can you provide a simpler working example where I can see 'item' and 'items' and what do these contain?

Hi,

I'm trying to use quick repeat with a matrix, as you can see here in the below link.
http://stackoverflow.com/questions/25294411/directive-similar-spreadsheet-with-bad-performance

Doesn't it work with nested array?

rowspan on with quick-repeat is not working. is there any workaround ?

Would it be possible to create a gh-pages branch on this repo (and perhaps remove master)

This makes it possible to see the example in GitHub pages:
http://christianv.github.io/quick-ng-repeat/example/
https://github.com/christianv/quick-ng-repeat/tree/gh-pages

It would be useful to interpolate the quick-repeat-list attribute so that the user has a little more flexibility in preventing name collisions in the global re-rendering service. The use case is e.g. multiple instances of a directive with custom re-rendering triggers.

I've addressed this in my local copy (it was super simple), and can/will submit a pull request when I have some time.

Are you planning on adding support for $index, $even, $odd, etc?

Maybe its just me but I think your demo page is broken.

There is an old fork which is in bower as "quick-ng-repeat" which caused me a bit of confusion:
If the readme could have a section like this, it would of saved me some grief:

Installation

bower i quick-ngrepeat --save

Line of interest:

quick-ng-repeat="item in listofitems | orderBy:'something" quick-repeat-list="items"

Error message

Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
Watchers fired in the last 5 iterations: [["listofitems | orderBy:'number'; newVal:

ng-repeat work just fine.
Thanks

What is quick-repeat-list intended for? Does each of my quick-ng-repeat instances need a unique quick-repeat-list value?

Example:
$scope.messages = Message.query();
and i get nothing using quick-ng-repeat, but ng-repeat works okay.

I noticed one thing:

line 204 for loop: collectionKeys.length return zero, but console.log(collectionKeys) shows:

$promise: Object, $resolved: false]
0: Resource
1: Resource
[...]
35: Object
36: Resource
$promise: Object
$resolved: true
length: 37
proto: Array[0]

I'm getting a "$digest already in progress" error from this line: https://github.com/allaud/quick-ng-repeat/blob/master/quick-ng-repeat.js#L251

Why is $digest being applied? I'm willing to fix. Commenting it out seemingly seems to work...

Error: [$rootScope:inprog] http://errors.angularjs.org/1.2.7/$rootScope/inprog?p0=%24digest
    at Error (<anonymous>)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:6:449
    at m (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:96:384)
    at h.$digest (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:99:480)
    at h.$delegate.__proto__.$digest (<anonymous>:844:31)
    at Object.$scope.$watch.quick_repeat_list.(anonymous function) (https://dev.example.com/js/quick-ng-repeat.js:251:28)
    at Object.applyFunction [as fn] (<anonymous>:778:50)
    at h.$digest (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:100:299)
    at h.$delegate.__proto__.$digest (<anonymous>:844:31)
    at h.$apply (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:103:100) 

Line #10

Why is it necessary to add list_id to window scope?

Hi,
I have an expression like this:
ng-repeat="event in filteredEvents = (comp.events | filter:listerSearch | xRange:filterXType.val:filterXMin:filterXMax | dateRange:filterStartDate:filterEndDate)"

how could it be possible to implement this in your directive ?
Thanks.

I had an issue with quick-ng-repeat only to find you've fixed it upstream (which is great well done) however bower won't update because you never update the version number.

Edit: I noticed the bower version is on a different account???

Pretty please!

Have such error:

Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!

while trying quick-ng-repeat with filter which is used with $rootScope:

 <tr quick-ng-repeat="event in Event.competition.events | filter:values.globalSearchQuery">

Without filter it works fine.

I see _.defer(quickRepeatList.items, $scope.list), but I don't see anywhere items is defined

When I use this directive, I got an error that quickRepeatList.items is not defined error.

Could you explain more?