get the value of $scope when in function in angularjs

Question

Unable to get the value of $scope when in function in angular js

Here how it looks like

module.controller('MainController', function($scope, $window, $rootScope, checkConnection) {
    $scope.online = false;
    $scope.deviceReady = false;
    document.addEventListener("deviceready", onDeviceReady, false);

    function onDeviceReady() {
        checkConnection.checkCon($scope);
        $scope.checkInetNetwork = $rootScope.checkInetNetwork;

        if ($rootScope.checkInetNetwork == "true") {
            $scope.online = true;
        } else {
            $scope.online = false;
        }
    }
});

I am not able to figure out why <p ng-show="online">ThAnk You Thank you</p> why this is not displaying. When even i am making it TRUE. Out side this function it works like charm.

Any solution?

Arun P Johny · Accepted Answer · 2015-04-28 11:53:11Z

2

because you are changing the scope value outside of the angular digest cycle.

You can call $apply to run the digest cycle to fix it

function onDeviceReady() {
    checkConnection.checkCon($scope);
    $scope.checkInetNetwork = $rootScope.checkInetNetwork;

    if ($rootScope.checkInetNetwork == "true") {
        $scope.online = true;
    } else {
        $scope.online = false;
    }

    $scope.$apply();
}

function onDeviceReady() {
    checkConnection.checkCon($scope);
    $scope.checkInetNetwork = $rootScope.checkInetNetwork;

    $scope.online = $rootScope.checkInetNetwork == "true";

    $scope.$apply();
}

edited Apr 28, 2015 at 11:53

answered Apr 28, 2015 at 11:46

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Comments

Mr. Polywhirl · Accepted Answer · 2015-04-28 11:47:48Z

1

You'll need to run a $scope.$apply as something has happened outside of Angular's knowledge.

function onDeviceReady() {
    checkConnection.checkCon($scope);
    $scope.checkInetNetwork = $rootScope.checkInetNetwork;

    if($rootScope.checkInetNetwork == "true"){
        $scope.online = true;
    }
    else
    {
        $scope.online = false;
    }
    $scope.$apply();
}

edited Apr 28, 2015 at 11:47

Mr. Polywhirl

49.1k12 gold badges96 silver badges147 bronze badges

answered Apr 28, 2015 at 11:46

Mathew Berg

28.8k11 gold badges72 silver badges94 bronze badges

Comments

Radonirina Maminiaina · Accepted Answer · 2015-04-28 11:47:19Z

0

Use $rootScope.online = false instead of $scope.online = false so you can have an access of the $scope everywhere you want to call this.

answered Apr 28, 2015 at 11:47

Radonirina Maminiaina

7,0144 gold badges35 silver badges63 bronze badges

2 Comments

user3201500 Over a year ago

No this method is not workable. But yeah thank you so much for support

Radonirina Maminiaina Over a year ago

Sorry, I thought that you can't have access to your $scope! :) You're welcome! :)

Collectives™ on Stack Overflow

get the value of $scope when in function in angularjs

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related