Accessing scope variable of a function from another function

Question

I'm new to angularjs and i have trouble accessing a scope variable of a function from another function.

1st function

$scope.getCustomer = function (customer_id) {


                        ABCServices.wts.customer.customerList({customerId:customer_id}).then(function (data) {

                            console.log("^^^^^ABC show^^^^^");
                            $scope.wtsdata = data;

                            console.log($scope.wtsdata);

                        });

                    };

So here i want to access $scope.wtsdata in my second function. When i try to access it it gives me a undefined error.How to do this?

2nd function

$scope.selectCustomer = function (item) {

                    $scope.item = item;


                    if (item.length === 8) {

                        $scope.getCustomer(item);


                        console.log("Check"+$scope.wtsdata);

                    }

                };

Are both functions in same controller or different? – Rakesh Chand Sep 16 '16 at 06:30 — Rakesh Chand, Sep 16 '16 at 06:30
@Rakeschand same controller – Alpha Dog Sep 16 '16 at 07:26 — Alpha Dog, Sep 16 '16 at 07:26

Sajeetharan · Answer 1 · 2016-09-16T06:30:59.770

1

You can do it in two ways

(i)use $rootScope in this case

(ii) Declare the $scope variable outside if both functions belong to the same controller otherwise you can make use of Services to share the variable among controllers,

 ABCServices.wts.customer.customerList({customerId:customer_id}).then(function (data) {
          console.log("^^^^^ABC show^^^^^");
          $rootScope.wtsdata = data;           
});

$scope.selectCustomer = function (item) {
     $scope.item = item;
     if (item.length === 8) {
     $scope.getCustomer(item);
     console.log("Check"+$rootScope.wtsdata);
   }
 };

edited Sep 16 '16 at 06:30

answered Sep 16 '16 at 06:28

Sajeetharan

216,225
63
350
396

Using $rootscope to share scope data is generally considered bad practice. – Amygdaloideum Sep 16 '16 at 06:30
@DanielBornstrand I have explained all the scenarios, using $rootscope in this context is not a bad practice – Sajeetharan Sep 16 '16 at 06:32
still i get undefined error – Alpha Dog Sep 16 '16 at 06:32
@AlphaDog make sure you have injected $rootScope to your controller – Sajeetharan Sep 16 '16 at 06:34
Yes it is, using a factory or service to share the data is much better practice in this scenario. That way the you get the traceability from dependency injection. Any developer that has used an application where $rootscope were widely used to share data can attest to this. – Amygdaloideum Sep 16 '16 at 06:35
@Sajeetharan yes i have injected rootScope – Alpha Dog Sep 16 '16 at 06:38
@AlphaDog what is the error now? – Sajeetharan Sep 16 '16 at 06:38
@Sajeetharan it says 'undefined' – Alpha Dog Sep 16 '16 at 06:40
it can't be. is there a way i can check your current code? – Sajeetharan Sep 16 '16 at 06:41

score 0 · Answer 2 · answered Sep 16 '16 at 07:07

I have made sample fiddle for your problem,I hope this will resolve your issue.Below is the sample code

angular.module('MainApp', [])
    .controller('Ctrl', function($scope, $timeout) {

        $scope.wtsdata = {}; //it can be array too then []
        $scope.selectCustomer = function(item) {
            $scope.item = item;
            if (item.length === 8) {
                $scope.getCustomer(item);
                console.log("Check" + $scope.wtsdata);
            }

        };

        $scope.getCustomer = function(customer_id) {

            $scope.wtsdata = 'Data fetched from service';
            /*ABCServices.wts.customer.customerList({
                customerId: customer_id
            }).then(function(data) {

                console.log("^^^^^ABC show^^^^^");
                $scope.wtsdata = data;

                console.log($scope.wtsdata);

            });*/

        };
    });

Accessing scope variable of a function from another function

2 Answers2