Question

我正面临这个奇怪的问题。我知道它是由于依赖注入失败而发生的。我不知道究竟是什么原因。据我说，我的模块不期待任何注射，这就是为什么我在那里有空阵列。那为什么我要面对这个问题呢？这是代码。

<!DOCTYPE html>
<html ng-app="aMailServices">
<head>
    <title>Home Page</title>
    <link type="text/css" rel="stylesheet" href="Styles/bootstrap.css" />
    <link type="text/css" rel="stylesheet" href="Styles/bootstrap-theme.css" />

    <script type="text/javascript" src="Scripts/angular.js"></script>
    <script>
        var aMailServices = angular.module('aMailServices', []);

        /*function testRouteProvider($routeProvider) {

            $routeProvider.when('/', {
                controller: 'SimpleController',
                templateUrl: 'NewProfile.html'
            })
            .when('/search', {
                controller: 'SimpleController',
                templateUrl: 'SearchPage.html'
            });
        }

            testProject.config(testRouteProvider);*/

        function emailRouteConfig($routeProvider) {
            $routeProvider.
            when('/', {
                controller: 'SimpController',
                templateUrl: 'list.html'
            }).
            // Notice that for the detail view, we specify a parameterized URL component
            // by placing a colon in front of the id
            when('/view/:id', {
                controller: 'SimpController',
                templateUrl: 'detail.html'
            }).
            otherwise({
                redirectTo: '/'
            });
        };
        // Set up our route so the AMail service can find it
        aMailServices.config(emailRouteConfig);

        var SimpController = function ($scope) {

        };

        aMailServices.controller(SimpController);

    </script>
    <style type="text/css">
        body {
            padding: 15px;
        }

        .inCenter {
            text-align: center;
            text-decoration: underline;
        }

        .borderBotton {
            font-size: 1.2em;
            font-variant: small-caps;
            border-bottom: 1px solid #ddd;
        }

        .topMargin {
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <!--Controller And ng-app-->
    <div class="col-xs-12 inCenter">
        <h1>Test Project</h1>
    </div>

    <div class="col-xs-12">
        <ul class="nav nav-tabs">
            <li class="active">
                <a href="#">Create Profile</a>                              <!--On CLick-->
            </li>
            <li>
                <a href="#">Search Profile</a>
            </li>
        </ul>
    </div>

    <div class="col-xs-12 topMargin">
        <div ng-view></div>
    </div>
</body>
</html>

Answer 1

实际上，您的应用程序具有您不了解的依赖关系：＆＃34; ngRoute＆＃34;。路由功能分为不同的文件。包括它并使用＆＃34; ngRoute＆＃34;作为依赖模块。如果你使用凉亭，请包括＆＃34; angular-route＆＃34; bower.json中的模块。

错误：$ injector：modulerr模块错误

1 个答案: