变得陌生"未知的提供者"极其简单的角度服务出错

时间:2015-04-27 05:57:45

标签: angularjs

我正在尝试构建一个非常非常简单的服务并在角度中使用它,下面列出了我的所有代码。但无论我尝试什么,我都会被告知......

  

未知提供者:userServiceProvider< - userService

我用这个把头发拉出来,所以我希望有经验的眼睛能看到我失踪的东西..

app.js

(function () {
    angular.module('Application', [
        'kendo.directives',
        'ui.bootstrap',
        'ui.bootstrap.drawer',
        'ui.check',
    ]);
})();

identity.js

(function () {
    'use strict';

    var UserService = function ($http) {
        this.Find = function () {
            return this.$http.get("/member/identity").then(function (response) {
                return response.data;
            });
        }
    }

    angular
        .module('Application')
        .service('UserService', [UserService,"$http"]);
})();

controller.js

(function () {
    'use strict';

    var UserController = function (userService, $scope) {
        var _this = $scope;

        userService.Find().then(function (user) {
            _this.User = user;
        });
    };

    angular
        .module('Application')
        .controller('UserController',
            UserController, ['Application.UserService', "$scope"]
        );
})();

1 个答案:

答案 0 :(得分:2)

只需更改序列

angular
    .module('Application')
    .service('UserService', ["$http", UserService]);

angular
    .module('Application')
    .controller('UserController', ['Application.UserService', "$scope", UserController]
    );

要注入的依赖项出现在定义服务/控制器的函数

之前

在定义和注入服务时也具有相同的情况,因为服务名称是大小写的