Access variables of another function using AngularJS

Question

im new to AngularJS. I have this kind of program in Controller File.

.controller('AppCtrl', function($scope, $ionicPopup, $timeout, $ionicModal, $state, $http, $ionicLoading) {
    var loginid;// globally Defined
    $scope.ajaxLogin = function(){
    loginid = 1;
    }

    $scope.myInfo = function(){
    alert(loginid);
    }

})

but everytime i call myInfo() function Alert gives me : undefined

in my program ajaxLogin() will call first. then if only button clicked myInfo() will call and alert will be displayed. in Normal Javascript it work fine. but not sure how to work with angularjs.

ex :

var globalvarialbe;
function function1()
{
  globalvarialbe=12;

}

function function2()
{
  var local = globalvarialbe;
}

Please show more of the file. does both of the functions are defined in the same scope ? — Neta Meta
– Neta Meta, Commented Feb 21, 2015 at 16:01
its big code. i added only important thing to get idea. ill update code — Im Batman
– Im Batman, Commented Feb 21, 2015 at 16:07

Neta Meta · Accepted Answer · 2015-02-21 16:29:26Z

2

The reason i was asking for more information Cade Lewis is because the way you had it should have worked perfectly fine.

.controller('AppCtrl', function($scope, $ionicPopup, $timeout, $ionicModal, $state, $http, $ionicLoading) {
    var loginid;// globally Defined
    $scope.ajaxLogin = function(){
        loginid = 1;
    }

    $scope.myInfo = function(){
       alert(loginid);
    }

});

you can see its working here : http://plnkr.co/edit/tkpmS1vqsOjhUp8rA99Y?p=preview

However you are not supplicating the whole picture so its kind hard debugging you issue

answered Feb 21, 2015 at 16:29

Neta Meta

4,04510 gold badges48 silver badges72 bronze badges

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

2 Comments

Rob R Over a year ago

Exactly. As long as he is invoking the functions in the correct order, it should work fine.

Im Batman Over a year ago

I got it. maybe something wrong with my code. i thought angularJS way is different. Thanks

Rob R · Accepted Answer · 2015-02-21 16:29:37Z

2

I have tested this code and it works just fine:

Controller:

angular.module('vars').controller('varsController', ['$scope', function($scope) {

 var loginid;// globally Defined
$scope.ajaxLogin = function(){
    loginid = 1;
};

$scope.myInfo = function(){
    alert(loginid);
};

$scope.ajaxLogin();


}]);

HTML view:

 <div ui-view ng-controller="varsController">
            <button ng-click="myInfo()">Click</button>
        </div>

answered Feb 21, 2015 at 16:29

Rob R

1,1618 silver badges10 bronze badges

Comments

Im Batman · Accepted Answer · 2015-02-22 17:49:11Z

0

I found an answer in another Forum.

just need to use $rootScope

$rootScope.loginid=1;

answered Feb 22, 2015 at 17:49

Im Batman

1,9161 gold badge36 silver badges49 bronze badges

Comments

indieNik · Accepted Answer · 2016-08-24 06:23:50Z

0

Yo need to attach the variable to $rootScope to make it globally available in AngularJS. This is how:

.controller('AppCtrl', function($scope, $rootScope, $ionicPopup, $timeout, $ionicModal, $state, $http, $ionicLoading) {
    // Make sure you **inject $rootScope** first
    $rootScope.loginid;

    $scope.ajaxLogin = function(){
        $rootScope.loginid = 1;
    }

    $scope.myInfo = function(){
        console.log($rootScope.loginid); //Also, use console logs for better Dev Experience
    }
})

Click here for more detailed documentation on HOW to use scopes and how NOT to.

answered Aug 24, 2016 at 6:23

indieNik

1344 silver badges12 bronze badges

Collectives™ on Stack Overflow

Access variables of another function using AngularJS

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related