javascript - Angular : how to connect scope in the controller and scope in services?

Question

如果我有一个 Controller

angular
    .module("TestApp")
    .controller('MainCtrl', function ($scope, MyService) {

        var array = [1, 4, 5, 6];

        function remove() {
            MyService.remove('id');
            $scope.array = array;
        }
        render();
}

还有服务

angular.module('TestApp').factory('MyService', function ($rootScope) {
    function remove(id) {
        $rootScope.array.splice(id, 1);
    }
}

但是我找不到放入 Controller $scope 中的数组。我在 $rootScope 中看不到它。我可以解决这个问题吗？

Answer 1

您可以将 $scope 作为参数传递给您的服务方法 MyService.remove

angular.module('TestApp').factory('MyService', function ($rootScope) {
    function remove(id, scope) {
        scope.array.splice(id, 1);
    }
}

但之后你的服务只是某些功能的包。请考虑将数组存储在服务中(在 cat 中存储在变量中)并添加方法来读取、写入、从您的 MyService 中删除元素。通过这种方式，您将创建集合模式。