How to access parent controller $scope values in child controller

Question

    var parent = angular.module('parent', ['swxSessionStorage']);

    parent.controller('parent', [

        $scope.idMenu = [{
                label : "id1",
                value : 1
            }]

$scope.name=[abc,def];
     /**
         * Calling child controller
         */

        var childView = $scope.$new(true);
        $controller('child',{$scope:childView});
        $scope.someMetod = function(){
            childView.getChildData();
        }
        }


        --------------
    parent.controller('child', [
    $scope.getChildData = function(){
        $scope.idMenu.value
    }

I'm not able to access parent $scope.idMenu in Child controller?

But Im able to access $scope.name,which is just an array,but Im not able to access JsonArray.

What could be the reason?

it's an array so use $scope.idMenu[0].value

kp singh
– kp singh

2016-02-03 07:05:59 +00:00
Commented Feb 3, 2016 at 7:05 — kp singh
– kp singh, Commented Feb 3, 2016 at 7:05

Asieh hojatoleslami · Accepted Answer · 2016-02-03 11:57:25Z

1

In parent controller

$scope.$broadcast('event_name', function (){ 
//action on event     
});

In child controller

$scope.$on('event_name', function () {   
//data required to pass in parent controller      
});

edited Feb 3, 2016 at 11:57

Asieh hojatoleslami

3,4007 gold badges35 silver badges45 bronze badges

answered Feb 3, 2016 at 11:31

Saurav kr. Agrawal

1196 bronze badges

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

Comments

rrd · Accepted Answer · 2016-02-03 09:11:23Z

The best way would be to use a service.

app.service('dataService', function() {
  var dataList = [];

  function addData(data) {
    dataList.push(data);
  };

  function getData() {
    return dataList;
  };

  return {
    add: addData,
    get: getData
  };
});

In your parent controller, store the information via the service:

app.controller('parent', function($scope, dataService) {
  $scope.addMyData = function(obj) {
    dataService.addData(obj);
  };
});

And in the child controller, retrieve the information via the service:

app.controller('child', function($scope, dataService) {
  $scope.products = dataService.getData();
});

You cannot inject $scope into the service but you can store data.

Collectives™ on Stack Overflow

How to access parent controller $scope values in child controller

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related