Getting Angular variables from different modules and controllers

Question

Trying to understand it is possible to communicate between Controllers under different modules. Is this even possible?

Here is my test that I am trying to learn from:

HTML

<div ng-app="app">  
    <div ng-controller="AppCtrl">
        <p data-ng-bind="group.name"></p>
        <p data-ng-bind="project.name"></p>
    </div>
    <div ng-controller="ProjectCtrl">
        <p data-ng-bind="group.name"></p>
        <p data-ng-bind="project.name"></p>
    </div>
    <div ng-controller="GroupCtrl">
        <p data-ng-bind="group.name"></p>
        <p data-ng-bind="project.name"></p>
    </div>
</div>

javascript

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


app.controller('AppCtrl', ['$scope', 'Project', 'Group', function($scope, $project, $group) {
    $scope.project = Project;
    $scope.group = Group;
    $scope.name = 'My App';
}]);

project.controller('ProjectCtrl', ['$scope', 'Project', 'Group', function($scope, $project, $group) {
   $scope.project = Project;
    $scope.group = Group;
    $scope.name = 'My Project';
}]);

group.controller('GroupCtrl', ['$scope', 'Project', 'Group', function($scope, $project, $group) {
    $scope.project = Project;
    $scope.group = Group;
    $scope.name = 'My Group';
}]);

http://jsfiddle.net/6kqszmuz/

Jochen van Wylick · Accepted Answer · 2014-08-28 15:45:56Z

1

Yes it is, using Broadcast or Emit. All controllers have access to a $rootScope. What you can do is broadcast a message to the rootscope, and then define $on methods on your other controllers. These in turn listen to events firing in the rootscope. Have a look at $broadcast in https://docs.angularjs.org/api/ng/type/$rootScope.Scope and $on.

I think you are trying to re-use viewmodels and that's something I wouldn't do.

answered Aug 28, 2014 at 15:45

Jochen van Wylick

5,4015 gold badges46 silver badges66 bronze badges

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

Collectives™ on Stack Overflow

Getting Angular variables from different modules and controllers

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related