工厂中的AngularJS $范围

时间:2014-04-10 15:28:48

标签: javascript angularjs

是否可以在工厂中使用示波器,然后在多个控制器上使用它? 我并不是真的要在每个控制器中编写相同的代码,它会让你感到痛苦^^

这是我目前的想法。

.factory('FactoryName', function($scope, $routeParams, $http) {
    return {
        search : function(str, http) {
            var url = str+'.json';
            return $http.get(url).success(http).error(function() {
                alert('Unable to get back the data');
            });
        }
        httpSuccessPaper : function(response) {
            $scope.papers = response;
        }

这样我只有一次这个代码,我的所有控制器都可以使用"引用"的json。我还可以写一些像ng-repeat =" p的论文"在某些观点中。

以下是我在控制器中调用它的方式:

.controller('CtrlName', ['$scope', '$routeParams', '$http', 'FactoryName'
    function($scope, $routeParams, $http, FactoryName) {

        FactoryName.search("Paper",FactoryName.httpSuccessPaper).then(function(){
            $scope.paper = getByIdPa($scope.papers,$routeParams.id);
        })

对我来说似乎有点奇怪,我几乎可以肯定我在尝试一些不可能的事情。 我想你的意见。 谢谢!

2 个答案:

答案 0 :(得分:1)

你可以这样做:

angular.module('apiServices', ['ngResource'])
.factory('ExampleService', ['$http', 'serviceUrl', function ($http, serviceUrl) {
    return{
        getInteractions: function () {
            return $http({method: 'GET', url: serviceUrl + 'ctest', headers: {'Cache-Control': 'no-cache, no-store', 'Pragma': 'no-cache', 'Expires': '0'}});
        },
        getRoots: function () {
            return $http({method: 'GET', url: serviceUrl + 'ntest', headers: {'Cache-Control': 'no-cache, no-store', 'Pragma': 'no-cache', 'Expires': '0'}});
        },
        getLogging: function (params) {
            return $http.post(serviceUrl + 'atest', params);
        },
        getMessage: function (params) {
            return $http({method: 'GET', url: serviceUrl + 'btest', params: params, headers: {'Cache-Control': 'no-cache, no-store', 'Pragma': 'no-cache', 'Expires': '0'}});
        }
    };
}]);

答案 1 :(得分:1)

您不希望服务处理范围。可以重复设置范围部分。

.factory('FactoryName', function($scope, $routeParams, $http) {
  return {
    search : function(str) {
        var url = str+'.json';
        return $http.get(url)
    }

然后是控制器:

.controller('CtrlName', ['$scope', '$routeParams', '$http', 'FactoryName'
function($scope, $routeParams, $http, FactoryName) {

    FactoryName.search("Paper").then(function(papers){
        $scope.paper = getByIdPa($papers,$routeParams.id);
    })