$scope.$apply() not working - AngularJs

Question

The value of isV(boolean) is not changing despite applying $scope.$apply() after the user enters the correct username and password. $scope.$digest() is also not working

app.controller('validateCtrl', function($scope,$location) {

Parse.initialize("PARSE APP ID");
Parse.serverURL = 'PARSE SERVER URL'


$scope.isV="false";

$scope.submit = function(){

    var username =$scope.username;
    var password = $scope.password;

    Parse.User.logIn(username, password, {
        // If the username and password matches
        success: function(user) {
            alert('Welcome!');
            console.log("welcome");

            $scope.$apply(function(){
                  $scope.isV="true";      
            });

        },
        // If there is an error
        error: function(user, error) {
            alert(error);
        }
    });
 console.log($scope.isV);
};
});

Hi Ashlin, thanks for the question. When you say $scope.$apply() is not working, I'm sure what you mean is "$scope.$apply() is not working as I expected." That's completely normal and why this site exists. I run into code not working as I expected several times a day at least. In order to answer your question, we need some more information. What is your current understanding of how $scope.$apply() works? What are you expecting to happen here? What's actually happening? Hope this helps. — Patrick McElhaney
– Patrick McElhaney, Commented Mar 23, 2018 at 12:41
(^what Patrick said) additionally you do not have to set the isV value within the apply function but rather after each other " $scope.isV=true;$scope.$apply(); ". Furthermore your console.log should also be within the success, after the apply() function given its asynchronous nature — Andrew Adam
– Andrew Adam, Commented Mar 23, 2018 at 13:14
@PatrickMcElhaney According to me if i use a third party library in angular it dosent work and i found some answers related to this. PS: This was my first post her i will be more precise next time. Thanks for the reply. — Ashlin K Siby
– Ashlin K Siby, Commented Mar 23, 2018 at 19:18
@AndrewAdam I think this was it now it works fine . Thanks a lot. — Ashlin K Siby
– Ashlin K Siby, Commented Mar 23, 2018 at 19:20
@AshlinKSiby I have added my answer as an answer for further wanderers seeking advice. Happy to help :) — Andrew Adam
– Andrew Adam, Commented Mar 29, 2018 at 14:04

Andrew Adam · Accepted Answer · 2018-03-29 14:04:30Z

1

For further reference my comment as an answer: 1) Read Patrick's comment first on the post 2) The solution: There is no need to set the isV value within the apply function but you call it after, like this:

$scope.isV = true;
$scope.$apply();

Additionally the console.log() should also be within the success otherwise it will be called undeterministically - probably before the query succeeds.

answered Mar 29, 2018 at 14:04

Andrew Adam

1,5829 silver badges22 bronze badges

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

1 Comment

Arup Rakshit Over a year ago

What is the difference between the apply call with and without function?

Jesus Duran · Accepted Answer · 2018-03-26 11:07:16Z

0

Try using this instead of $scope.$apply():

$timeout(function() {
     $scope.isV = "true";
});

You will have to inject $timeout in your controller to make this work.

answered Mar 26, 2018 at 11:07

Jesus Duran

3332 silver badges15 bronze badges

Collectives™ on Stack Overflow

$scope.$apply() not working - AngularJs

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