需要將控制器轉換爲工廠？

Question

我的目標是能夠從兩個控制器交換數據，我被告知我可以創建一個服務，然後將數據注入到其他控制器 - 但我無法將此（'somethingDetailCtrl'）控制器轉換爲服務/工廠..

somethingApp.controller('somethingDetailCtrl', ['$scope', '$routeParams', '$http', 
    function($scope, $routeParams, $http) { 
     $http.get('/assets/javascripts/something/something/' + $routeParams._id +'.json').success(function(data) { 
     $scope.thething = data; 
    }); 
}]); 

會有人好心地走我通過這個（只是轉換somethingDetailCtrl到工廠），我有大約2天的角的知識，所以任何的解釋是值得歡迎的。

Answer 1

一個angularjs工廠使用一個函數構造一個新的服務，該函數返回一個包含服務公開的所有數據和行爲的對象。該工廠是一個單身人士。你的榜樣控制器正在暴露的HTTP GET和可以寫成這樣，如果我們不關心錯誤檢查：

angular.module('something',[]).factory('Something', function($http) { 
    return { 
     getSomething: function(callback) { 
      $http.get('/something').success(function(data, status) { 
       callback(data, status); 
      }) 
     } 
    } 
} 

工廠函數的參數是它的依賴。在上面的例子中，我們只使用$ http。我們可以通過添加$ Q使用的承諾......我們再次跳過錯誤在這個例子中檢查：

angular.module('something',[]).factory('Something', function($http, $q) { 
    return { 
     getSomething: function() { 
      var deferred = $q.defer(); 
      $http.get('/something').success(function(data, status) { 
       deferred.resolve(data); 
      }); 
      return deferred.promise; 
     } 
    } 
} 

可以消耗任何上述的從您的控制器。要使用第一工廠例子，你可以做以下其中的第二個參數控制器的功能是由工廠產生的服務：

angular.module('somethingApp').controller('somethingDetailCtrl', function ($scope, Something) { 
    Something.getSomething(function(data) { 
     $scope.thething = data; 
    }); 
} 

希望這有助於。

Answer 2

據我所見，這家工廠寫得很好。現在你只需要將它注入你的控制器。例如，延長上述控制器，你會改變它是這樣的：

somethingApp.controller('somethingDetailCtrl', ['$scope', '$routeParams', 'somethingListFactory', 
    function($scope, $routeParams, somethingListFactory) { 
     somethingListFactory.list().then(function(data){ 
      $scope.thething = data; 
     }); 
    }); 
}]); 

編輯：我認錯，刪除以下部分從您的工廠（這是徒勞的）：

.then(
    function(result) { 
      return result.data; 
    });