Angularjs binding not updating in http response call back before alert();

Question

I am trying to update the front end by changing scope variable value after http response .

The scope variable is updated correctly but event happens after the alert() even though alert is placed after the statement where i am updating scope variable :

if (data.status === "Success") {
    $scope.close = null;// close updates dom after next statement which is not expected .

    alert(data.successmessage);
}

That is completely expected. Why would you expect differently? — georgeawg
– georgeawg, Commented Apr 26, 2019 at 4:20
@georgeawg $scope.close variable closes a popup . so in this case after http response alert happens and then the popup closes . Is it possible that after the dom is updated and then alert () just like the statement line number ? — Divyanshu Jimmy
– Divyanshu Jimmy, Commented Apr 26, 2019 at 4:22

georgeawg · Accepted Answer · 2019-04-26 04:27:09Z

2

One way to do it differently is to put the alert in a $timeout:

if (data.status === "Success") {
    $scope.close = null;// close updates dom after next statement which is not expected .

    $timeout(function() {
        alert(data.successmessage);
    });
}

That allows the browser to render the new DOM before doing the alert operation.

For more information, see

AngularJS $timeout Service API Reference

answered Apr 26, 2019 at 4:27

georgeawg

49k13 gold badges78 silver badges98 bronze badges

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

Collectives™ on Stack Overflow

Angularjs binding not updating in http response call back before alert();

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related