AngularJS - Я не понимаю, почему фабрика всегда не определена

Question

Я определил фабрику, которая делает запрос на получение, но когда я ввожу его в контроллер, он всегда выдает неопределенную ошибку.

Это фабрика:

(function() { 
    'use strict'; 

    var app = angular 
     .module('myApp'); 

    app.factory('homeFactory', homeFactory); 

    function homeFactory ($q, $http, $location) { 
     var data = {}; 

     data.getProducts = getProducts; 

     function getProducts() { 
      return $http.get('http://localhost:8000/api/v1/products') 
       .error(errorMessage); 
     } 

     function errorMessage(response) { 
      console.log('There was an error', response); 
     } 

     return data; 
    } 

})(); 

Это контроллер:

(function() { 
    'use strict'; 

    var app = angular 
     .module('myApp'); 

    app.controller('homeController', homeController); 

    homeController.$inject =[homeFactory]; 

    function homeController(homeFactory) { 
     var home = this; 
     homeFactory.getProducts() 
      .success(success); 

     function success(jsonData, statusCode) { 
      console.log('The request was successful', statusCode); 
      console.dir(jsonData); 
      home.products = jsonData; 
     } 
    } 
})(); 

Это, кажется, хорошо, но консоль бросает:

Uncaught ReferenceError: homeFactory is not defined 

Answer 1

Проблема находится в вашей аннотации DI. Вы должны использовать только строки

homeController.$inject = ['homeFactory']; 

См https://docs.angularjs.org/guide/di#-inject-property-annotation

в $ впрыснуть свойство является массивом имен служб впрыснуть.

Answer 2

В контроллере положи завод в dependecies

app.controller('homeController', ['homeFactory', '$scope', 
    function (homeFactory, $scope){ 
     //scope code goes here 
    }] 
); 

Answer 3

Функция контроллер поддерживает инъекции зависимостей. Вам не нужно напрямую использовать форсунку $. Попробуйте это:

var app = angular 
    .module('myApp'); 

app.controller('homeController', homeController); 


function homeController(homeFactory) { 
    var home = this; 
    homeFactory.getProducts() 
     .success(success); 

    function success(jsonData, statusCode) { 
     console.log('The request was successful', statusCode); 
     console.dir(jsonData); 
     home.products = jsonData; 
    } 
} 

Угловая исполняющая найти службу homeFactory, и автоматически передать его в функции контроллера при вызове.