0

我试图弄清楚为什么会出现此错误：

Uncaught Error: [$injector:modulerr]

我在 index.html 中有以下代码

<!DOCTYPE html>
<html ng-app="MainApp">
<head>
<meta charset="utf-8">
    <link rel='stylesheet' type='text/css' href='core/sty.css'>
    <script src="core/CS/ang/angular.min.js"></script>
    <script src="core/CS/ang/angular-resource.min.js"></script>
    <script src="core/CS/ang/angular-route.min.js"></script>
</head>
    <body>
    <div id="header-cont">
        <div id="header">
            <ul style="list-style:none;">
                <li style="display:inline;float:left;"><font style="font-size:38px;top:-5px;left:-1px;position:fixed;">title</font></li>
                <li class="menu">News</li>
                <li class="menu"><ul class="sub-menu">
                    <a href="/admin/login"><li class="SMoption">1 First login</li></a>
                    <a href="/admin/register"><li class="SMoption">2 Duble register</li></a>
                      </ul>account</li>
            </ul>
        </div>
    </div>
  <ng-view></ng-view>
    <script src="core/CS/mainscript.js"></script>
    <script src="core/CS/config.js"></script>
    <script src="core/CS/controllers.js"></script>
    <script src="core/CS/modules.js"></script>
</body>
</html>



mainscript.js

'use strict';

var appv = angular.module("MainApp", ['ngRoute','ngResource']);


和 config.js

'use strict';

appv.config(function($routeProvider) {

  $routeProvider.
      when('/', {
        //controller: 'HomeController',
        templateUrl: 'views/home.html'
      }).
      when('/page/:pgId', {
        //controller: 'PageController',
        templateUrl: 'views/page.html'
      }).
      when('/article/:pgId/:artId', {
        //controller: 'ArticleController',
        templateUrl: 'views/article.html'
      }).
      when('/admin/:adCode', {
        //controller: 'AdminController',
        templateUrl: 'views/admin.html'
      }).
  otherwise({templateUrl: 'views/home.html'});
    $locationProvider.html5Mode(true);
});




正如你所看到的，我已经包含了 ng-route.js、ngRoute 模块，但是有些东西不起作用......

4

2 回答 2

1

您通过添加启用 html5 模式，$locationProvider.html5Mode(true);但您没有将$locationProvider提供程序注入配置函数，添加将解决问题:)

appv.config(function($routeProvider, $locationProvider ) {
.........
于 2014-12-13T09:54:29.213 回答
1

您需要在配置函数$locationProvider中包含依赖项，如下所示：

'use strict';

appv.config(function($routeProvider, $locationProvider) {

  $locationProvider.html5Mode(true);

  $routeProvider.
      when('/', {
        //controller: 'HomeController',
        templateUrl: 'views/home.html'
      }).
      when('/page/:pgId', {
        //controller: 'PageController',
        templateUrl: 'views/page.html'
      }).
      when('/article/:pgId/:artId', {
        //controller: 'ArticleController',
        templateUrl: 'views/article.html'
      }).
      when('/admin/:adCode', {
        //controller: 'AdminController',
        templateUrl: 'views/admin.html'
      }).
      otherwise({templateUrl: 'views/home.html'});
});
于 2015-09-15T04:17:55.737 回答