如何将$ scope传递给服务

Question

我想获取数据来更新我的表达式{{myList}}，但似乎我的服务中存在$ scope问题，下面的代码似乎不起作用：

app.controller('AppCtrl', ['$scope', 'getTopicContent', function($scope,getTopicContent){ 
    getTopicContent.request(); 

}]); 

app.factory('getTopicContent', ['$http', function($http, $scope){ 

    var query = function() { 
     return $http({ 
      url: "http://www.corsproxy.com/mydata.me/level1/list.php", 
      method: "GET" 
     }).success(function(data, $scope){ 
      $scope.myList= data; 
     }); 
    } 

    return { 
     request : function(){ 
      return query(); 
     } 

    } 
}]); 

但是，如果我这样做，它会工作，我运行。 success而不是我的服务。

Answer 1

服务和工厂是独立的范围。他们无法通过依赖注入访问$scope以确保正确分离关注点。

你有两个选择，通过$scope您getTopicContent.request($scope)方法是这样的：

app.controller('AppCtrl', ['$scope', 'getTopicContent', function($scope,getTopicContent){ 
    getTopicContent.request($scope); 
}]); 

app.factory('getTopicContent', ['$http', function($http){ 

    var query = function($scope) { 
     return $http({ 
      url: "http://www.corsproxy.com/mydata.me/level1/list.php", 
      method: "GET" 
     }).success(function(data){ 
      $scope.myList = data; 
     }); 
    } 

    return { 
     request : function($scope){ 
      return query($scope); 
     } 

    } 
}]); 

还是回到了承诺，并添加控制器，而不是内部的success()处理程序：

app.controller('AppCtrl', ['$scope', 'getTopicContent', function($scope,getTopicContent){ 
    getTopicContent.request().success(function(data){ 
     $scope.myList = data; 
    }); 
}]); 


app.factory('getTopicContent', ['$http', function($http){ 

    var query = function() { 
     return $http({ 
      url: "http://www.corsproxy.com/mydata.me/level1/list.php", 
      method: "GET" 
     }) 
    } 

    return { 
     request : function(){ 
      return query(); 
     } 

    } 
}]);