2014-12-13 2 views
0

Я пытаюсь выяснить, почему у меня есть эта ошибка:

Uncaught Error: [$injector:modulerr]

У меня есть следующий код в index.html

Angulajs ngRoute не работает

<!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> 



главным скриптом. 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); 
}); 




Как вы можете видеть, что я включил в нг-route.js, модуль ngRoute, но что-то не работает ...

+0

поместить тег сценария для ngroute и ngresource .js файлы выше файла Угловое в ÂË и, все из них выше ваших сценариев –

+0

вас могу проверить мой ответ http://stackoverflow.com/questions/27456033/how-to-read-url-query-parameters-with-angularjs/27456353#27456353 –

ответ

1

вы включить режим html5 путем добавления $locationProvider.html5Mode(true); но вы не впрыскивать $locationProvider поставщика в функции конфигурации, добавив, что позволит решить проблему :)

appv.config(function($routeProvider, $locationProvider) { 
......... 
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'}); 
});