javascript - 为什么我的 Angularjs 服务不允许我调用它？

Question

我正在尝试创建一个包含常见功能的 Angular 服务。 我将代码捆绑在我的 MVC 应用程序中:

            bundles.Add(new ScriptBundle("~/bundles/Angular")
            .IncludeDirectory("~/app", "*.js", true));

我在开发者工具中检查了它是否确实使用 Common.js 引入了我的公共(public)文件夹:

我将 Common 添加到应用程序中:

var app = angular.module('app',
[
    'JobCtrl',
    'JobSvc',
    'WebsiteCtrl',
    'WebsiteSvc',
    'myClientCtrl',
    'ClientSvc',
    'MediaCompanyCtrl',
    'MediaCompanySvc',
    'PageAlertSvc',
    'ui.bootstrap',
    'ui.bootstrap.tpls',
    'Common'
]

);

和 Controller :

    angular.module('app', ['ui.bootstrap', 'ui.bootstrap.tpls'])
.controller('JobCtrl',
        [
            'JobService',
            'WebsiteService',
            'MediaCompanyService',
            'ProductService',
            '$scope',
            '$uibModal',
            'PageAlertService',
            'Common',
            function (JobService, WebsiteService, MediaCompanyService,
                ProductService, $scope, $uibModal,PageAlertService, Common)

这就是我的 Common.js 文件的样子:

    angular.module('app')
.service('Common', function () {

    this.heyThere = function ()
    {
        console.log('Just wanted to say hey there')
    };

});

每当在我的 JobCtrl 中调用它时，我都会收到错误:$injector:unpr 未知提供商。

有人能看出我可能做错了什么，它无法识别我的 Common.js 文件吗？当我将 Common.js 移动到 Services 文件夹并尝试在我的 Controller 中调用它时，它可以工作，但当它位于我的 Common 文件夹中时则不行。毫无意义!

提前致谢!

Answer 1

这只是因为您定义了您的应用程序..两次!!!!

angular.module('app', []) // this is where you re-define your app
.service('Common', function () {

    this.heyThere = function ()
    {
        console.log('Just wanted to say hey there')
    };

});

应该是:

angular.module('app')
.service('Common', function () {

    this.heyThere = function ()
    {
        console.log('Just wanted to say hey there')
    };

});

模块函数有 2 种模式.. 使用 2 个参数，您可以设置应用程序。. 使用单个参数，您只需获取对现有应用程序的引用(之前已定义)