無法在控制器角度注入工廠JS

Question

我是angulerJS的新手。我已經定義了一個工廠從API獲取數據，但是當我嘗試將工廠放在控制器中時出現錯誤。

這是工廠代碼。

(Function() { 

    var CategoriesFactory = function($http) { 
     var factory = {}; 

     factory.getCategorys = function(account_id){ 
      return $http.get('http://localhost:18678/api/Transaction?account_id=2'); 
     }; 

     factory.getTransaction = function(acc_id){ 
      return $http.get('http://localhost:18678/api/Transaction?acc_id=2'); 
     }; 

     factory.getTransactionInCategory = function(category_id, from_date, to_date){ 
      return.$http.get('http://localhost:18678/api/transaction?category='+category_id+'&account=2&from=2015-01-        01&to=2015-12-30'); 
     }; 
     return factory; 
    }; 

    angular.module('AccApp').factory('CategoriesFactory', CategoriesFactory); 
}()); 

這裏是控制器。

app.controller('CategoriesController', 
    function ($scope, $routeParams, $http, CategoriesFactory) { 

    }) 

這裏是錯誤。 未知的供應商：分類工廠供應商< - 分類工廠

Answer 1

我想你一定忘了將AccApp注入你定義你的應用的mai模塊。

angular.module("app", ['AccApp']); 

請做類似這樣的事情。

希望這會有所幫助！

Answer 2

你爲什麼試圖以一種奇怪的方式編寫角碼？ 角的目標是簡單

var app = angular.module('AccApp',[]); 

    app.factory('CategoriesFactory',function($http){// you can cut and paste this factory into a seperate file if you wish 
     return{ 
       getCategorys:function(account_id){ 
       return $http.get('http://localhost:18678/api/Transaction?account_id=2'); 
       }, 
       getTransaction:function(acc_id){ 
       return $http.get('http://localhost:18678/api/Transaction?acc_id=2'); 
       }, 
       getTransactionInCategory : function(category_id, from_date, to_date){ 
      return.$http.get('http://localhost:18678/api/transaction?category='+category_id+'&account=2&from=2015-01-        01&to=2015-12-30'); 
       }; 
       } 
     }); 

現在可以將這個工廠注入到控制器中乾脆：

 app.controller('CategoriesController',function ($scope, $routeParams, $http, CategoriesFactory){ 

     console.log(CategoriesFactory.getCategorys(getCategorys)); 
     });