Angular 中的模块注入器错误

Question

我启动了我的第一个 angular 应用程序，运行遇到了一个问题，我的 "home" 模块由于依赖性问题而无法正常工作。我没有看到我需要的任何依赖项。我正在使用 $stateProvider 和 $urlProvider，但我将其注入到 home 模块的配置中，所以我不确定问题出在哪里？

Config.$inject = ["$stateProvider", "$urlRouterProvider"];
angular.module('home', []).config(Config)

function Config($stateProvider, $urlRouterProvider){
    $stateProvider
    .state('home', {
        url: '/login',
        templateUrl: './views/login.html'
    })
}

angular.module('home').controller('loginCtrl', function($scope){
    $scope.helloWorld = function(){
        console.log("This works!")
    }
})

控制台错误：

[$injector:modulerr] http://errors.angularjs.org/1.5.5/$injector/modulerr?p0=home&p1=Error%3A%20…

Answer 1

由于“$stateProvider”和“$urlRouterProvider”提供程序不是核心 AngularJS 模块的一部分，您需要注入模块，将其提供到您的主模块定义中。据我所知，$stateProvider 来自 ui 路由器模块，所以

angular.module('home', ['ui.router']).
...

请记住，您还需要将此 Javascript 包含在您的 HTML 文件中。它在 angular-ui-router 文件中

<script src="js/angular-ui-router.min.js"></script>

Angular 中的模块注入器错误

Module Injector Error in Angular

dependency-injection

config

module

angularjs