javascript - AngularJS - 模块 - Controller 访问问题

Question

我在从我的应用程序到我创建的模块进行通信时遇到问题。我在下面创建了一个 AngularJS 模块。

(function (document, window) {

    'use strict';

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

    piCart.config(['$routeProvider', function($routeProvider){
        $routeProvider.
            when('/cart', {
                templateUrl: "packages/pi-cart/segments/cart.html",
                controller: 'CartController',
                private : true
            }).
            when('/checkout', {
                template: "Checkout Page",
               // controller: 'CartController',
                private : true
            });
    }]);

    piCart.factory('TestFactory', function(){
        return{
            test : function(){
                return 'test works';
            }
        }
    });

    piCart.controller("CartController",function(TestFactory){
        console.log("Cart Controller Running");
        console.log(TestFactory.test());
    });

})(document, window);

这已加载到我的主应用程序中

var app = angular.module('app', ['ngRoute', "ui.bootstrap", "googlechart", "piCart"]);

我试图像这样从 app.controller 调用模块 TestFactory

app.controller('ProductController',function($scope){

  $scope.addToCart = function(id){
    //alert("clicked: "+id);
    test = TestFactory.test();
    console.log(test);
  };

});

但我收到错误ReferenceError:TestFactory 未定义

Answer 1

我相信您收到该错误是因为您没有在 Controller 中注入(inject) TestFactory:

app.controller('ProductController', function($scope, TestFactory) {
    // your code...
});