无法使用 angular-seed 使用 angularjs 在控制器中识别工厂或服务

Question

调用工厂时，我不断收到“未定义不是函数”。我正在使用 angular-seed 作为我的设置框架。由于某种原因，它无法将“GetFormVals”识别为有效的工厂。

在 app.js 中：

var app = angular.module('myApp', ['myApp.filters',
'myApp.services', 'myApp.directives'], function($routeProvider, $locationProvider) {
    //route declarations
    $routeProvider.when('/fsr', {
        templateUrl: 'partials/fsr.html',
        controller: ctrlFSR
    });

    $locationProvider.html5Mode(true);
});

在 controllers.js 中：

function ctrlFSR($scope, $http, $location, GetFormVals) {
    $scope.test = GetFormVals();
}
ctrlFSR.$inject = ['$scope','$location'];

在 services.js 中：

'use strict';

/* Services */

angular.module('myApp.services', []).
    factory('GetFormVals', function(){
    return "test";
});

我必须遗漏一些简单的东西。

jsfiddle：http://jsfiddle.net/wUjw5/11/

Answer 1

您需要列出要注入控制器的所有依赖项：

function ctrlFSR($scope, $http, $location, GetFormVals) {
    $scope.test = GetFormVals();
}
ctrlFSR.$inject = ['$scope', '$http', '$location', 'GetFormVals'];

Answer 2

把你的服务改成这个

'use strict';

/* Services */

angular.module('myApp.services', []).
    factory('GetFormVals', function(){
            return {
                exampleValue: "test5"
            }
    });

然后在您的控制器中将其更新为：

function ctrlFSR($scope, $http, $location, GetFormVals) {
    $scope.test = GetFormVals.exampleValue;
}
ctrlFSR.$inject = ['$scope','$location'];

我认为您将 GetFormVals 调用为一个函数时产生了混淆，而实际上它是一个服务。

jsfiddle：http://jsfiddle.net/rtCP3/49/

---

你的 js fiddle 修改了 http://jsfiddle.net/wUjw5/12/

不要使用 ctrlFSR.$inject = ['$scope','$location']; 注入。你已经是了。