Angular Service Undefined

Question

在下面的代碼片段中，我得到了「ReferenceError：'ShoppingListService'未定義」。我看不出會發生什麼錯誤，一直抨擊我的頭，並且搜索了一段時間，任何人都有線索？

var ShoppingListApp = angular.module('ShoppingListApp', []) 
ShoppingListApp.factory('ShoppingListService', ['$http', function ($http) { 
    var ShoppingListService = {}; 
    ShoppingListService.getListItems = function() { 
     return $http.get('/ShoppingList/GetListItems'); 
    }; 
    return ShoppingListService; 
}]); 

ShoppingListApp.controller('ShoppingListController', function ($scope) { 
getItems(); 
function getItems() { 
    ShoppingListService.getListItems() //Error occurs here 
    .success(function (shoppingItems) { 
     $scope.items = shoppingItems; 
     console.log($scope.items); 
    }) 
.[removed for brevity]. 

錯誤發生在上面指出的區域。 Angular.js版本1.4.9。

Answer 1

在您的控制器定義ShoppingListController中，您只需要一個名爲$scope的注射器，您需要添加第二個稱爲ShoppingListService的注射器。

ShoppingListApp 
    .controller('ShoppingListController', ShoppingListController); 

ShoppingListController.$inject = ['$scope', 'ShoppingListService']; 
function ShoppingListController($scope, ShoppingListService) { 

    getItems(); 

    function getItems() { 
     ShoppingListService 
      .getListItems() //Error occurs here 
      .success(onSuccess); 
    } 

    function onSuccess(shoppingItems) { 
     $scope.items = shoppingItems; 
     console.log($scope.items); 
    } 
    //other code 
}