javascript - 使一个 Controller 依赖于另一个 Controller 的范围

Question

我有两个 Controller :OperationController 和 DateController。在OperationController中，我有$scope，其中包含“操作”数组。我可以从我的应用程序更改此操作(删除、更新、添加...)。

我有第二个 Controller ，用于计算天数和天数的值。这个DateController需要从OperationController获取数据，然后它会计算days-data。它需要在每次更新操作时计算它。

如何绑定(bind)这两个 Controller ，以便 DateController 可以在第一次启动和每次数据更新时从 OperationController 获取数据？

Answer 1

使用工厂/服务来存储操作数组，每当OperationController Controller 中的值发生变化时都会更新值

myApp.factory('myService', [function() {
        var operations = {};
        return {
            getOperations: function() {
                return operations
            },

            setOperations: function(op) {
                operations = op;
            },
        }
    }])
    .controller('OperationController', [function($scope, myService) {
        $scope.operations = {};
        $scope.$watch(function() {
            return $scope.operations;
        }, function() {
            myService.setOperations($scope.operations);
        });
    }])
    .controller('DateController', [function($scope, myService) {
        $scope.operations = myService.getOperations();
    }]);