Question

我的项目中有3个文件。 app.js，routes.js和controllers.js。我想将LocalStorageModule添加到我的项目中，所以我尝试了app.js

angular.app('myApp', ['LocalStorageModule']).config(function(localStorageServiceProvide) {
    // have some lines
});

在controllers.js

中

angular.module('myApp').
controller('TestCtrl', function(localStorageService) {
    // some line of codes
});

当我尝试运行该应用时，

Error: [$injector:unpr] http://errors.angularjs.org/1.3.15/$injector/unpr?p0=localStorageServiceProvider%20%3C-%20localStorageService%20%3C-%20LoginController
at Error (native)

它说，未知提供商，我相信，这不是一个LocaStorage Package问题，因为我曾尝试使用ngCookies注入应用程序并得到相同的错误。所以我不明白angular.module如何在许多文件中工作。

我用Google搜索并获得了一些建议，angular.module（'myApp'）是getter，那么为什么它不会将app.js中的angular.module（'myApp'，['appDependencies']）带到其他JS文件，如果我尝试访问app.js中的localStorageService，它的工作原理。我保证，我做错了什么，有人可以建议我，如何解决这个问题？

Answer 1

您的代码不完整，因此无法测试。我从你提供的内容中发现了一些错误：

您拼错了传递给配置的提供程序。正确的拼写是： localStorageServiceProvide r 。
angular.app可能是错误的，因为它不是核心的一部分。我觉得你打算写angular.module。

以下代码有效：

<body ng-app="myApp">
    <section ng-controller="TestCtrl">{{test}}</section>

angular.module('myApp', [])

.provider('localStorageService', function () {
    this.$get = function () {
        return true;
    }
})

.config(function (localStorageServiceProvider) {
    // have some lines
})

.controller('TestCtrl', function ($scope, localStorageService) {
    // some line of codes
    $scope.test = localStorageService;
});

工作wpautop

Angular JS：angular.module []跨所有文件

1 个答案: