How can I access a controller's data in another controller in Angular js?

Question

var app = angular.module("myApp",[]);

app.controller("CTRL1", function($scope){
    $scope.data = [{'name':'Prateek'},{'name':'Agarwal'},{'name': 'Ketan'}];
})

app.controller("CTRL2", function($scope){
    $scope.data = [{'name':'Hari'}];
})

I have two controllers - CTRL1 and CTRL2. How can I access data from one controller in another?

You should use a service for that kind of purpose, so you can import it and use it anywhere in your app :) — DevMoutarde, Jun 06 '17 at 18:16
https://stackoverflow.com/questions/43902680/how-to-transfer-the-data-between-controllers/43906406#43906406 — Sangwin Gawande, Jun 06 '17 at 18:17
do not use $emit and $on in your controller. You should use a service for this or find some other way. If you are going to broadcast you should use sub-pub architecture . If these 2 controllers need to talk to each other perhaps they are one controller. If they can only exist together why have 2? I am assuming a lot here.. — Maccurt, Jun 06 '17 at 18:59

score 0 · Answer 1 · answered Jun 06 '17 at 18:18

You can use $emit and $on functions for this, These will send data in any controll on spectfic event named.

<div ng-app="myApp" ng-controller="myCtrl"> 

    <button ng-click="sendData();"></button>

</div>


<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
    function sendData($scope) {
        var arrayData = [1,2,3];
        $scope.$emit('someEvent', arrayData);
    }

});
app.controller('yourCtrl', function($scope, $http) {
    $scope.$on('someEvent', function(event, data) {
        console.log(data); 
    }); 
});
</script>

How can I access a controller's data in another controller in Angular js?

1 Answers1