javascript - 从不同的模块和 Controller 获取 Angular 变量

Question

尝试了解不同模块下的 Controller 之间可以进行通信。这可能吗？

这是我试图从中学习的测试:

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/

Answer 1

是的，使用广播或发出。所有 Controller 都可以访问 $rootScope。您可以做的是将消息广播到 rootscope，然后在其他 Controller 上定义 $on 方法。这些依次监听根作用域中触发的事件。 看看https://docs.angularjs.org/api/ng/type/中的$broadcast $rootScope.Scope 和 $on。

我认为您正在尝试重用 View 模型，而这是我不会做的事情。