AngularJS App中的未知服務提供商

Question

在我的angularJS應用程序中，我已經配置了我的應用程序，如下所示。我已經定義了一個模塊服務來定義我所有的工廠方法。

angular.module("services", []); 
var app = angular 
    .module('myApp', [ 
    'services' 
    ]); 

在另一個文件中，我已經在服務模塊定義的工廠，但是當我運行的應用程序，我得到以下錯誤：

Unknown provider: myServicesProvider <- myServices <- myCtrl

angular.module('services').factory('myServices', function ($http) { 
    return { 
    createPet(pet) { 
     return $http.post('/pets', pet); 
    } 

    }; 
}); 

angular.module('myApp') 
    .controller('myCtrl', myServices) { 

    }); 

我查了很多職位的計算器我想我已經以正確的方式完成了定義。任何人都有線索？

Answer 1

您已經在工廠放錯地方的括號，

這裏是工作代碼：

angular.module("services", []); 
var app = angular 
    .module('myApp', [ 
    'services' 
    ]); 

app.controller('mainController', function($scope, myServices){ 
    $scope.items = myServices.query(); 
    $scope.bill = {}; 
    $scope.totalBeforeDiscount = {}; 
    $scope.totalPrice = function(){ 
     var total = 0; 
     for (var i = 0; i <= $scope.items.length - 1; i++) { 
      total += $scope.items[i].price * $scope.items[i].quantity; 
     } 
     $scope.totalBeforeDiscount =total; 
    } 
}) 

angular.module('services').factory('myServices', function ($http) { 
var items = {}; 
    return { 
    query: function() { 
     return [{ 
     title: 'Paint pots', 
     quantity: 8, 
     price: 3.95 
     }, { 
     title: 'Polka dots', 
     quantity: 17, 
     price: 12.95 
     }, { 
     title: 'Pebbles', 
     quantity: 5, 
     price: 6.95 
     }]; 
    } 
    }  

}); 

工作Application