2014-08-28 83 views
0

试图了解它可以在不同模块下的控制器之间进行通信。这甚至有可能吗?从不同模块和控制器获取角度变量

这里是我的测试,我想学习从:

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/

回答

1

是的,使用广播或发送。所有控制器都可以访问$ rootScope。你可以做的是向rootcope广播一条消息,然后在其他控制器上定义$方法。这些反过来又会听取在根管镜中发射的事件。 看看$广播https://docs.angularjs.org/api/ng/type/ $ rootScope.Scope和$上。

我认为你正试图重新使用viewmodels,这是我不会做的事情。

+0

谢谢,这正是我需要学习的东西 – abritez 2014-08-28 17:00:30