AngularJS infinite digest loop

Question

I'm passing an object to an AngularJS directive like so:

<context-selector
            is-buy="true"
            num-to-select="0"
            init-object="{ads: rule.ads_list, adContainer: rule.container_ad_id, campaign: rule.campaign_id}">
        </context-selector>

and it causes Angular infinite digest loop because of the init-object.
I guess that's because Angular compares the object by reference. The directive definition is:

directive('contextSelector', function() {
        return {
            restrict: 'E',
            scope: {
                vertical: "@",
                levelsDepth: "@",
                isBuy: "@",
                shellsLeft: "=",
                numToSelect: "@",
                initObject: "=" // {ads: [1,2], adContainer: 4, campaign: 6}
            },

Is there a solution to this issue?

Ephi Gabay · Accepted Answer · 2014-02-18 09:58:37Z

3

After I did some more searching on google, I came up with this post: https://github.com/angular/angular.js/issues/4054

Apparently it's a known issue and was fixed in Angular >= 1.2.5

answered Feb 18, 2014 at 9:58

Ephi Gabay

9387 silver badges27 bronze badges

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

1 Comment

user12121234 Over a year ago

Yes. I was able to reproduce with this basic example plnkr.co/edit/3wKmWz?p=preview

Collectives™ on Stack Overflow

AngularJS infinite digest loop

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related