AngularJs Controller Share

Question

i have two controllers in my codes and in one there is an array.I want to use this array from other controller but it does not work.

I have simplified the codes to make them understandable.

My first controller;

app.controller('mycont1', ['$scope','$timeout', function($scope, $timeout) {

var my;

 my=['1','something',.......];

 }]);

My second controller in directive;

.....,controller: function($scope) {


   var m=my[0];//i want to reach first controller array..

   }

when i call it ,it could not find it.How can i use this array from other controller?

i only want to know ,how can i communicate with other controller elements in these types of conditions — user4773604, Apr 14 '15 at 13:22
possible duplicate of [Angular: Share data between controllers](http://stackoverflow.com/questions/21919962/angular-share-data-between-controllers) — Aniket Sinha, Apr 14 '15 at 13:32

bm1729 · Answer 1 · 2015-04-14T13:33:10.067

If you want to share data like this between controllers I suggest you create a service that they can both depend on.

HTML:

<div ng-app="app">
    <p ng-controller="controller1">{{message}}</p>
    <p ng-controller="controller2">{{message}}</p>    
</div>

JavaScript:

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

app.service('dataService', function() {
    return {
        message: 'Hello world!'
    };
}).controller('controller1', function($scope, dataService) {
    $scope.message = dataService.message;
}).controller('controller2', function($scope, dataService) {
    $scope.message = dataService.message;
});

Working fiddle here: https://jsfiddle.net/ben1729/yeLd9rnb/3/

can you give an example about it – user4773604 Apr 14 '15 at 13:26 — user4773604, Apr 14 '15 at 13:26

score 1 · Answer 2 · answered Apr 14 '15 at 13:34

1

For small applications. You can use just $rootScope

answered Apr 14 '15 at 13:34

saygon91

116
5

AngularJs Controller Share

2 Answers2