Accessing Angular Scope In Html

Question

I am trying to access my angular scope and I keep getting the common issue :"$digest already in progress". I can't use $timeout because I have to be able to do this in the section of my html because I am using Kendo UI Grid and I have to initialize the grid in the html script section(I wish I could figure out how to do it all in my controller).

The code is pretty simple, so I don't know what else to try.

 ....
$(document).ready(function () {


    var scope = $('[ng-controller="NewIncidentController"]').scope();
    scope.$apply(function () {
        scope.submitfailure = true;          
    });

});

Thanks.

Instead of scope.$apply(function () {scope.submitfailure = true;});. Have you simply tried scope.submitfailure = true; ? — Zee
– Zee, Commented May 28, 2015 at 7:56

Mr Br · Accepted Answer · 2015-05-28 07:39:54Z

1

Try using scope.$applyAsync().

answered May 28, 2015 at 7:39

Mr Br

3,9012 gold badges22 silver badges24 bronze badges

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

1 Comment

setec Over a year ago

@KishorSubedi not true, it provides enough info to pinpoint a problem. Although answer could be more verbose.

Irshad · Accepted Answer · 2016-04-05 06:24:21Z

0

scope.$apply would call $digest internally which would cause the error you met since Angular allows only one cycle of digest at a time. $timeout service can execute your function in the next cycle of digest. For your situation, you can use scope.$evalAsync, which will execute the specified function in the on-going digest process, thus avoiding the exception.

edited Apr 5, 2016 at 6:24

Irshad

3,1415 gold badges33 silver badges57 bronze badges

answered Apr 5, 2016 at 6:02

Jaytalent

414 bronze badges

Collectives™ on Stack Overflow

Accessing Angular Scope In Html

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related